vue项目日期时间格式化插件

1、新建dateFormat.js

export const dateFormat = function(date, format) {
    if (typeof date === 'string') {
        date = date - 0 || (!/\d+T\d+/.test(date) ? date.replace(/-/g, '/') : date);
    }
    const d = new Date(date);
    if (!date || d.toUTCString() === 'Invalid Date') {
        return '';
    }
    var map = {
        y: d.getFullYear(), // 年
        M: d.getMonth() + 1, //月
        d: d.getDate(), //日
        h: d.getHours(), //时
        m: d.getMinutes(), //分
        s: d.getSeconds(), //秒
        S: d.getMilliseconds(), //毫秒
        q: Math.floor((d.getMonth() + 3) / 3), //季度
    };
    return format.replace(/([yMdhmsqS])\1*/g, function(m, t) {
        var v = String(map[t]);
        if (t === 'y') {
            return v.substr(4 - m.length);
        } else if (t === 'S') {
            return ('00' + v).substr(v.length - 1);
        } else if (m.length > 1) {
            return ('0' + v).substr(v.length - 1);
        }
        return v;
    });
};
export const week = function(){
    let a = ["日", "一", "二", "三", "四", "五", "六"];  
    let week = new Date().getDay();  
    let str = "星期"+ a[week];
    return str;
}

2、在页面中根据自己的项目文件路径导出

import { dateFormat } from "@/dateFormat/dateFormat.js"

3、调用方式和结果显示，该方法灵活运用，可根据自己的项目需要进行格式化

console.log(dateFormat(new Date(), "yyyy年MM月dd日 hh:mm:ss"))
//2021年06月09日 08:50:30

console.log(dateFormat(new Date(), "yyyy-MM-dd hh:mm:ss"))
//2021-06-09 08:50:30

console.log(dateFormat(new Date(), "yyyy-MM-dd"))
//2021-06-09

console.log(dateFormat(new Date(), "hh:mm:ss"))
//08:50:30