dayjs自定义时间解析插件使用

2024年10月6日#JavaScript #coding69

AI 生成的摘要

在项目中，表单使用时分格式的时间选择器时，使用moment的format正常，但使用dayjs的format会导致时间转换为NaN，从而在setFieldsValue时出错。经过查阅文档，发现dayjs有一个名为CustomParseFormat的官方插件，可以扩展其format功能。使用该插件后，dayjs能够正确解析时间格式。

场景：项目里的表单使用到了时分格式的时间选择器，从接口数据 format 到表单数据。#

使用 moment 的 format 正常
使用 dayjs 的 format 导致转换后时间为 NaN，导致 setFieldsValue 时报错。

阅读官网的文档后发现有一个官方插件是用于拓展 dayjs 的 format 自定义时间格式。#

插件名：CustomParseFormat

import dayjs from 'dayjs'
import customParseFormat from 'dayjs/plugin/customParseFormat'

// 使用
dayjs('12:21', 'HH:mm') // 不使用插件 M2{$H:NaN,$m:NaN,...}

dayjs.extend(customParseFormat)
dayjs('12:21', 'HH:mm') //使用插件 M2{$H:12,$m:21,...}