vue使用moment.js时间处理

时间:2020-07-05 16:03:58   收藏:0   阅读:83

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/

原文:https://www.cnblogs.com/wu-hen/p/13246289.html

评论(0
© 2014 bubuko.com 版权所有 - 联系我们:wmxa8@hotmail.com
打开技术之扣,分享程序人生!