vue moment.js時間処理の使用

1266 ワード

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
//---       
{{data | dateformat}}

 
3.1週に変換
//     pattern  dddd  ,      
Vue.filter("dateformat", function(dataStr, pattern = "dddd") {
  return dataStr? moment(dataStr).format(pattern) : "";
});

詳細は http://momentjs.cn/docs/#/parsing/string-format/