跳转至

日期格式常量文档

概述

该文件定义了一组常用的日期时间格式常量,基于 moment.js/day.js 的格式字符串标准,用于统一项目中日期时间的显示和解析格式。

格式常量列表

常量名称 格式字符串 示例输出 描述
YMD_Hms YYYY-MM-DD HH:mm:ss 2023-05-20 14:30:45 标准日期时间格式
YMD YYYY-MM-DD 2023-05-20 标准日期格式(带横杠分隔)
YMD2 YYYYMMDD 20230520 紧凑日期格式(无分隔符)
YMD_POINT YYYY.M.DD 2023.5.20 点号分隔的简化日期格式
Hms HH:mm:ss 14:30:45 标准时间格式(24 小时制)
Hm HH:mm 14:30 简化的时间格式(不含秒)
YMD_000 YYYY-MM-DD 00:00:00 2023-05-20 00:00:00 当天起始时间(零点整)
YMD_end YYYY-MM-DD 23:59:59 2023-05-20 23:59:59 当天结束时间(23:59:59)
YMD_Hm YYYYMMDD HHmm 20230520 1430 紧凑日期时间格式(不含秒)
YMD_SLASH YYYY/MM/DD 2023/05/20 斜杠分隔的日期格式
YMD_SLASH_Hms YYYY/MM/DD HH:mm:ss 2023/05/20 14:30:00 斜杠分隔的日期时间格式

使用示例

在 moment.js 中使用

import moment from 'moment';
import { DATE_FORMAT } from './date';

const now = moment();
console.log(now.format(DATE_FORMAT.YMD_Hms)); // 输出: 2023-05-20 14:30:45
console.log(now.format(DATE_FORMAT.YMD)); // 输出: 2023-05-20

在 day.js 中使用

import dayjs from 'dayjs';
import { DATE_FORMAT } from './date';

const today = dayjs();
console.log(today.format(DATE_FORMAT.Hms)); // 输出: 14:30:45
console.log(today.format(DATE_FORMAT.YMD_POINT)); // 输出: 2023.5.20

在 Ant Design 日期组件中使用

import { DatePicker } from 'antd';
import { DATE_FORMAT } from './date';

function MyComponent() {
    return <DatePicker showTime format={DATE_FORMAT.YMD_Hms} />;
}