vue过滤器格式化日志

最新推荐文章于 2023-12-15 15:25:49 发布

G_D_Q

最新推荐文章于 2023-12-15 15:25:49 发布

阅读量230

点赞数

分类专栏： vue 文章标签： vue 过滤器

本文链接：https://blog.csdn.net/unimpossibles/article/details/104742332

版权

vue 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

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

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
vue过滤器格式化日志

vue过滤器格式化时间有一个写好了的标准格式化方法，可以用过滤器直接调用/** * 对日期进行格式化， * @param date 要格式化的日期 * @param format 进行格式化的模式字符串 * 支持的模式字母有： * y:年, * M:年中的月份(1-12), * d:月份中的天(1-31), * h:小时(0...
复制链接

扫一扫