dayjs自訂時間解析插件使用

2024年10月6日#JavaScript #coding69

AI 翻譯

這篇文章透過AI由簡體中文翻譯成繁體中文。查看原文

AI 生成的摘要

在項目中，表單使用了時分格式的時間選擇器，將接口數據格式轉換為表單數據。使用moment的format正常，但使用dayjs的format卻導致時間轉換為NaN，並在setFieldsValue時報錯。經過查閱官方文檔，發現可以使用名為CustomParseFormat的插件來擴展dayjs的format自定義時間格式。使用該插件後，能正確解析時間。

場景：項目裡的表單使用到了時分格式的時間選擇器，從接口數據 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,...}