您的位置:首页 > 博客中心 > 前端开发 >

moment.js 处理时间格式

时间:2022-04-11 14:43

1.在mian.js引入moment

import moment from ‘moment‘
Vue.prototype.$moment = ‘moment‘

2. 在main.js 设置全局过滤器

Vue.filter(‘moment‘, function (value, formatString) {
formatString = formatString || ‘YYYY年MM月DD日‘;
// return moment(value).format(formatString); // value可以是普通日期 20170723
return moment.unix(value).format(formatString); // 这是时间戳转时间
});//标红处为格式的自定义 同样可以YYYY-MM-DD HH:MM:SS ,或者 YYYY/MM/DD

3.渲染到页面

 <div>{{time | moment}}</div


4.也可以写一个方法,通过方法返回

// 时间格式化处理 computeData(date, rule) { if (rule) { return moment(date).format(rule) } else { return moment(date).format(‘YYYY年MM月DD日‘) } }, 引用:{{computeData(20211010,‘可选‘)}}

本类排行

今日推荐

热门手游