Ant Design moment對象和字符串之間的相互轉(zhuǎn)化教程
moment對象轉(zhuǎn)字符串
values.saleStartTime=values.saleStartTime.format('YYYY-MM-DD');
字符串轉(zhuǎn)moment對象
this.model.saleStartTime=moment(record.saleStartTime);
補(bǔ)充知識(shí)：vue ant design 的日期組件range-picker表單中進(jìn)行moment賦值問題
官方文檔這樣寫
| 參數(shù) | 說明 | 類型 |
|---|---|---|
| showTime.defaultValue | 設(shè)置用戶選擇日期時(shí)默認(rèn)的時(shí)分秒 | moment[] |
之前進(jìn)行過普通票哪個(gè)的datepicker賦值
區(qū)別是range-picker是將兩個(gè)日期存成了moment[]類型的數(shù)組
這個(gè)就比較操蛋了，后臺(tái)不想拆成2個(gè)字段，只好把它轉(zhuǎn)成字符串
formData.showDate = formData.showDate.join(',')
然而，再拿回來轉(zhuǎn)成數(shù)組去賦值，不行……
具體原因找了好久才對比出來，原因不說了，看一下正確的流程
formData.showDate = [ formData.showDate[0].toISOString() , formData.showDate[1].toISOString() ];
formData.showDate = formData.showDate.join(',')
然后賦值就是正常賦值：
this.model.showDate?this.model.showDate= [moment(this.model.showDate[0], 'YYYY-MM-DD HH:mm:ss'), moment(this.model.showDate[1], 'YYYY-MM-DD HH:mm:ss')]:null
this.form.setFieldsValue({ showDate: this.model.showDate ? this.model.showDate : null })
以上這篇Ant Design moment對象和字符串之間的相互轉(zhuǎn)化教程就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
IE11下處理Promise及Vue的單項(xiàng)數(shù)據(jù)流問題
最近我開發(fā)的公司的競賽網(wǎng)站被發(fā)現(xiàn)在IE11下排行榜無數(shù)據(jù)，但是在其他瀏覽器沒問題，我然后打開控制臺(tái)一看，發(fā)現(xiàn)有問題，糾結(jié)了半天才搗騰好，下面小編把方案分享處理，供大家選擇2019-07-07
這篇文章主要為大家詳細(xì)介紹了vue組件間通信子與父的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-11-11
這篇文章主要為大家介紹了Vue開發(fā)常用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2021-12-12
vue實(shí)現(xiàn)驗(yàn)證用戶名是否可用
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)驗(yàn)證用戶名是否可用，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-01-01
對于插槽的概念和使用,這是vue的一個(gè)難點(diǎn),這需要我們靜下心來,慢慢研究,下面這篇文章主要給大家介紹了關(guān)于vue默認(rèn)插槽的相關(guān)資料,需要的朋友可以參考下2021-11-11
這篇文章主要介紹了vue截取視頻第一幀的圖片問題,基本就是用cavas進(jìn)行繪制，解決一下跨域問題，截視頻第一幀，然后根據(jù)視頻原本的寬高進(jìn)行繪制，最后轉(zhuǎn)一下圖片格式即可，需要的朋友可以參考下2022-11-11
vue實(shí)現(xiàn)虛擬滾動(dòng)的示例詳解
虛擬滾動(dòng)或者移動(dòng)是指禁止原生滾動(dòng),之后通過監(jiān)聽瀏覽器的相關(guān)事件實(shí)現(xiàn)模擬滾動(dòng),下面小編就來和大家詳細(xì)介紹一下vue實(shí)現(xiàn)虛擬滾動(dòng)的示例代碼,需要的可以參考下2023-10-10
Vue項(xiàng)目中npm?install卡住問題解決的詳細(xì)指南
這篇文章主要介紹了Vue項(xiàng)目中npm?install卡住問題解決的相關(guān)資料,文中包括更換npm鏡像源、清除npm緩存、刪除.npmrc文件和升級(jí)Node.js版本,需要的朋友可以參考下2024-12-12
vue.set向?qū)ο罄镌黾佣鄬訑?shù)組屬性不生效問題及解決
這篇文章主要介紹了vue.set向?qū)ο罄镌黾佣鄬訑?shù)組屬性不生效問題及解決，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
Vue3中的element-plus表格實(shí)現(xiàn)代碼
這篇文章主要介紹了Vue3中的element-plus表格實(shí)現(xiàn)代碼,用組件屬性實(shí)現(xiàn)跳轉(zhuǎn)路由,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下2024-05-05