您的位置：首页 > Web前端 > Vue.js

vue过滤器格式化日志

2020-03-09 22:50 585 查看

vue过滤器格式化时间

有一个写好了的标准格式化方法，可以用过滤器直接调用

/**
* 对日期进行格式化，
* @param date 要格式化的日期
* @param format 进行格式化的模式字符串
*     支持的模式字母有：
*     y:年,
*     M:年中的月份(1-12),
*     d:月份中的天(1-31),
*     h:小时(0-23),
*     m:分(0-59),
*     s:秒(0-59),
*     S:毫秒(0-999),
*     q:季度(1-4)
* @return String
* @author yanis.wang
* @see http://yaniswang.com/frontend/2013/02/16/dateformat-performance/
*/
function dateFormat(date, format) {
if (typeof date === "string") {
var mts = date.match(/(\/Date\((\d+)\)\/)/);
if (mts && mts.length >= 3) {
date = parseInt(mts[2]);
}
}
date = new Date(date);
if (!date || date.toUTCString() == "Invalid Date") {
return "";
}
var map = {
"M": date.getMonth() + 1, //月份
"d": date.getDate(), //日
"h": date.getHours(), //小时
"m": date.getMinutes(), //分
"s": date.getSeconds(), //秒
"q": Math.floor((date.getMonth() + 3) / 3), //季度
"S": date.getMilliseconds() //毫秒
};

format = format.replace(/([yMdhmsqS])+/g, function(all, t) {
var v = map[t];
if (v !== undefined) {
if (all.length > 1) {
v = '0' + v;
v = v.substr(v.length - 2);
}
return v;
} else if (t === 'y') {
return (date.getFullYear() + '').substr(4 - all.length);
}
return all;
});
return format;
}

具体过滤器实现如下：

<body>
<div>标准时间函数格式化结果：{{date| format('yyyy-MM-dd')}}</div>
<script>
Vue.filter('format', function(value, arg) {
~~function dateFormat(date, format) {
}~~//刚才的格式化函数可以直接写在这个位置
return dateFormat(value, arg);
})

var vm=new Vue({
el: '#app',
data: {
date: new Date()//获取当前时间
}
})
</script>
</body>
  • 点赞
  • 收藏
  • 分享
  • 文章举报
G_D_Q 发布了13 篇原创文章 · 获赞 1 · 访问量 548 私信 关注
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航