banner
lzyoo

lzyoo

本人职业：前端开发工程师 工作年限：三年 技术栈：React、Vue、Nest、Python 一直在努力，一直在放弃，好想有一个引路人带领。
首頁封存

dayjs自訂時間解析插件使用

#JavaScript#coding82
AI 翻譯
這篇文章透過AI由簡體中文翻譯成繁體中文。查看原文
AI 生成的摘要
場景：在項目中，表單使用了時分格式的時間選擇器，從接口數據轉換到表單數據時出現問題。 使用moment的format正常，但使用dayjs的format會導致轉換後的時間為NaN，並在setFieldsValue時報錯。 查閱官方文檔後發現有一個名為CustomParseFormat的插件，可以擴展dayjs的format自定義時間格式。 使用示例： ```javascript import dayjs from 'dayjs' import customParseFormat from 'dayjs/plugin/customParseFormat' // 不使用插件 dayjs('12:21', 'HH:mm') // 會返回 NaN // 使用插件 dayjs.extend(customParseFormat) dayjs('12:21', 'HH:mm') // 正常返回 {H:12, m:21, ...} ```

場景：專案裡的表單使用到了時分格式的時間選擇器，從介面資料 format 到表單資料。#

  1. 使用 moment 的 format 正常
  2. 使用 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,...}
載入中......
此文章數據所有權由區塊鏈加密技術和智能合約保障僅歸創作者所有。