Vue自定义时间日期格式将毫秒数转化为‘yyyy-MM-dd hh:mm:ss’
新建 filter 文件夹,在filter新建index.js,创建全局过滤器//filter/index.js内容import Vue from 'vue'Vue.filter('date', function (dateTime, fmt) {var dateTime = new Date(dateTime);var o = {"M+": ...
·
新建 filter 文件夹,在filter新建index.js,创建全局过滤器
//filter/index.js内容
import Vue from 'vue'
Vue.filter('date', function (dateTime, fmt) {
var dateTime = new Date(dateTime);
var o = {
"M+": dateTime.getMonth() + 1, //月份
"d+": dateTime.getDate(), //日
"h+": dateTime.getHours(), //小时
"m+": dateTime.getMinutes(), //分
"s+": dateTime.getSeconds(), //秒
"q+": Math.floor((dateTime.getMonth() + 3) / 3), //季度
"S": dateTime.getMilliseconds() //毫秒
};
if (/(y+)/.test(fmt)) {
fmt = fmt.replace(RegExp.$1, (dateTime.getFullYear() + "").substr(4 - RegExp.$1.length));
}
for (var k in o) {
if (new RegExp(`(${k})`).test(fmt)) {
fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
}
}
return fmt;
})
记得在main.js中:
import './filter/index.js'
这样vue自定义的全局过滤器就注册完成了,如何使用呢?
1、直接在template中应用:
{{ 1536586255745 | date('yyyy-MM-dd hh:mm:ss')}}
2、在js中应用:
更多推荐
已为社区贡献9条内容
所有评论(0)