vue中使用moment.js 以及中文顯示

1.安裝moment.js

npm install moment

2. 在main.js引入

import moment from 'moment'
// 封裝是全局指令
Vue.filter('datefmt',function (input,fmtstring) {//當(dāng)input為時(shí)間戳,需轉(zhuǎn)為Number類型
     if(input){
        return moment(input).format(fmtstring);
    }else{
        return "";
    }
});

3.使用

<text>{{item.overTime | datefmt('dddd') }}</text>

4.國(guó)際化(漢語(yǔ)顯示)

只需在main.js使用

moment.locale('zh-cn')

5.注意事項(xiàng)

要轉(zhuǎn)換的值必須是date類型或者是number類型的時(shí)間戳,不然可能報(bào)錯(cuò)Invalid Date

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容