[Vue.js] 基础 -- 过滤器(格式化时间)

最新推荐文章于 2023-08-23 18:26:39 发布

原创最新推荐文章于 2023-08-23 18:26:39 发布 · 368 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#过滤器 #vue #格式化时间

Vue.js 专栏收录该内容

24 篇文章

订阅专栏

博客介绍了使用Vue过滤器对日期进行格式化的相关内容，说明了要格式化的日期参数date和格式化模式字符串format，还列举了支持的模式字母，如y表示年、M表示月等。

对日期进行格式化

date 要格式化的日期
format 进行格式化的模式字符串

支持的模式字母
- y : 年
- M : 年中的月份(1-12)
- d : 月份中的天(1-31)
- h : 小时(0-23)
- m : 分(0-59)
- s : 秒(0-59)
- S : 毫秒(0-999)
- q : 季度(1-4)

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;
}