美文网首页vue随笔-生活工作点滴
vue之moment..js格式化时间插件

vue之moment..js格式化时间插件

作者: 匆匆那年_海 | 来源:发表于2019-07-10 09:38 被阅读19次

方法一

1.安装
npm install moment --save
2.定义时间格式化全局过滤器,filter第一个参数是函数名 第二个是格式化时间处理的函数
import moment from 'moment';
// 中文简体
moment.locale('zh-cn');
Vue.filter('dateformat', (dataStr, pattern = 'YYYY-MM-DD HH:mm:ss') =>{
    return moment(dataStr).format(pattern)
})
3.调用
{{ add_time | dateformat('YYYY-MM-DD HH:mm:ss')}}//2019-07-10 09:15:18

方法二

1.安装
npm install moment --save
2.所需要的组件中引入
let moment = require("moment");
// 中文简体
moment.locale('zh-cn');
export default {
  data() {
    return {}
  }
}
3.使用
this.add_time = moment(this.add_time).format('YYYY-MM-DD')//2019-07-10 09:15:18

相关文章

网友评论

    本文标题:vue之moment..js格式化时间插件

    本文链接:https://www.haomeiwen.com/subject/fmtxkctx.html