Skip to content

useFormatDate

Introduction

格式化日期函数

Basic Usage

ts
import { useFormatDate } from '@flypeng/tool/browser';

Type Declaration

ts
/**
 * 格式类型
 */
type DateFormatOption =
  | 'yyyy-MM-dd hh:mm:ss'
  | 'yyyy-MM-dd'
  | 'yyyy/MM/dd'
  | 'hh:mm:ss'
  | 'yyyy'
  | 'MM'
  | 'dd'
  | 'hh'
  | 'mm'
  | 'ss';
/**
 * 格式化日期函数
 * @param format
 * @param date
 */
declare function useFormatDate(format: DateFormatOption, date?: string | number | Date): string;

Online Demo

useFormatDate
格式化日期函数
当前年份: 2024
当前月份: 08
当前几号: 12
当前时间: 2024-08-12 05:38:48
传入一个Unix时间戳: 2021-01-17 13:32:06
传入一个时间戳: 2022-11-15 16:00:00
<script lang="ts" setup>
import { useFormatDate } from '@flypeng/tool/browser';
</script>

<template>
  <div>
    <div>当前年份: {{ useFormatDate('yyyy') }}</div>
    <div>当前月份: {{ useFormatDate('MM') }}</div>
    <div>当前几号: {{ useFormatDate('dd') }}</div>
    <div>当前时间: {{ useFormatDate('yyyy-MM-dd hh:mm:ss') }}</div>
    <div>传入一个Unix时间戳: {{ useFormatDate('yyyy-MM-dd hh:mm:ss', '2021-01-17T13:32:06.381Z') }}</div>
    <div>传入一个时间戳: {{ useFormatDate('yyyy-MM-dd hh:mm:ss', 1668528000000) }}</div>
  </div>
</template>

Released under the MIT License.