首页 > Web开发 > 详细

vue使用moment.js时间处理

时间:2020-07-05 16:03:58      阅读:80      评论:0      收藏:0      [点我收藏+]

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时间处理

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!