vue使用moment.js時間處理

1.下載

npm install moment --save

2.在main.js中引入

import moment from 'moment'
// main.js里面漢化,轉化成星期的時候可以轉化成中文
moment.locale('zh-cn')

 

3.使用

//--- 在main.js中設置過濾器
// 或者pattern = "YYYY年MM月DD日 HH時mm分ss秒"
Vue.filter("dateformat", function(dataStr, pattern = "YYYY-MM-DD HH:mm:ss") {
  return dataStr? moment(dataStr).format(pattern) : "";
});
// 三元表達式是為了防止出現Invalid date
//--- 在組件中使用
<div>{{data | dateformat}}</div>

 

3.1轉化成星期

// 只需要將pattern改為dddd即可，組件使用同上
Vue.filter("dateformat", function(dataStr, pattern = "dddd") {
  return dataStr? moment(dataStr).format(pattern) : "";
});

更多請查看 http://momentjs.cn/docs/#/parsing/string-format/