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/

vue使用moment.js时间处理

上一篇:HTML5响应式(自适应)网页设计


下一篇:浏览器F12,Network中各按钮的作用