前端date.locale?is?not?a?function錯(cuò)誤的簡單解決辦法
在使用antd組件DatePicker時(shí)，修改數(shù)據(jù)之前做數(shù)據(jù)回顯，但是在數(shù)據(jù)回顯時(shí)總是會報(bào)一個(gè)錯(cuò)誤：date.locale is not a function。經(jīng)過一步步的排錯(cuò)，最終確定是使用antd中DatePicker（日期選擇器）組件的問題，此時(shí)我只在表單中寫了一個(gè)DatePicker組件，并在表單中進(jìn)行了數(shù)據(jù)綁定
查閱了很多資料都沒能解決這個(gè)問題，最后還是查看antd官網(wǎng)。發(fā)現(xiàn)需要引入locale，并使用local參數(shù)，下面截圖了我在項(xiàng)目中的實(shí)際應(yīng)用
antd DatePickerAPI：
我的實(shí)際應(yīng)用：
調(diào)用接口獲取回顯數(shù)據(jù)，所以在回顯時(shí)就對日期格式進(jìn)行了設(shè)置，YYYY-MM-DD是日期的格式
以上就解決了數(shù)據(jù)回顯的問題，下面還有修改日期進(jìn)行保存時(shí)可以使用這條數(shù)據(jù)的format來設(shè)置
以上數(shù)據(jù)的回顯和保存就都完成啦。另外，仔細(xì)查看API還會發(fā)現(xiàn)可以對組件進(jìn)行國際化配置
使用antd中很多組件都是英文的，比如Modal（對話框）組件
對需要國際化的組件設(shè)置之后，代碼實(shí)現(xiàn)也很容易理解，引入dayjs和local，然后把需要國際化的組件包裹起來就可以了。
總結(jié)
到此這篇關(guān)于前端date.locale is not a function錯(cuò)誤的簡單解決辦法的文章就介紹到這了,更多相關(guān)前端date.locale is not a function錯(cuò)誤內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
JS控制FileUpload的上傳文件類型實(shí)例代碼
下面小編就為大家?guī)硪黄狫S控制FileUpload的上傳文件類型實(shí)例代碼。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-10-10
JS+DIV實(shí)現(xiàn)鼠標(biāo)劃過切換層效果的實(shí)例代碼
這篇文章主要是對JS+DIV實(shí)現(xiàn)鼠標(biāo)劃過切換層效果的實(shí)例代碼進(jìn)行了詳細(xì)的介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11
基于SpringMVC+Bootstrap+DataTables實(shí)現(xiàn)表格服務(wù)端分頁、模糊查詢
這篇文章主要介紹了基于SpringMVC+Bootstrap+DataTables實(shí)現(xiàn)表格服務(wù)端分頁、模糊查詢的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值，需要的朋友可以參考下2016-10-10
由于沒有用循環(huán),所以,速度要相對快些.但是IE下,明顯示不如FF下好用.2008-04-04
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)圖片無縫循環(huán)輪播，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-10-10
本文主要介紹了JavaScript編寫九九乘法表的兩種方法，具有很好的參考價(jià)值，下面跟著小編一起來看下吧2017-02-02
本篇文章主要是對js中top的作用進(jìn)行了深入的介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-03-03
想要取得iframe中的元素和js變量值，不能用$(document).ready()方法，而是要用$("#iframeId").load()方法2014-06-06
數(shù)組對象是使用單獨(dú)的變量名來存儲一系列的值，數(shù)組非常常用，數(shù)組是具有連續(xù)存儲位置的相似類型元素的同質(zhì)集合。數(shù)組是用戶定義的數(shù)據(jù)類型。數(shù)組是一種數(shù)據(jù)結(jié)構(gòu),我們在其中存儲相似數(shù)據(jù)類型的元素2022-09-09
Bootstrap select實(shí)現(xiàn)下拉框多選效果
這篇文章主要為大家詳細(xì)介紹了Bootstrap select實(shí)現(xiàn)下拉框多選效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12