关于vue时间处理的问题

引入自己的处理时间文档 来解决main中写大量处理时间的问题

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

注意不是方法而是一个处理时间的js 还是需要调用 filter

import dateFormat from '../time.js ' 名字为自己文件名字
Vue.prototype.$dateFormat = dateFormat
Vue.filter('formate', function(value, org) {
    return dateFormat(value, org)
})

调用之后再需要处理的时间里使用这个过滤器

 {{scope.row.create_time | formate("yyyy-MM-dd hh:mm:ss")}}

formate后面为处理时间的格式

自己在学习终于到的 希望给大家有帮助 减少学习时间

已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 游动-白 设计师:白松林 返回首页