vue中日期组件

// vue项目可以抽取出单独的组件 通过引入的方式

function formDate(date, fmt) {

if (/(y+)/.test(fmt)) {

var year = new Date().getFullYear() + "";

fmt = fmt.replace(RegExp.$1, year);

// fmt.replace(RegExp.$1,xxx) RegExp.$1已经解析出来是一个正则了，不需要再添加 /RegExp.$1/ error!!!

}

let o = {

"M+": (new Date().getMonth()+1) + "", // 将正则式子放在对象中作为key值

"d+": new Date().getDate() + "",

"h+": new Date().getHours() + "",

"m+": new Date().getMinutes() + ""

};

for (var k in o) {

var strTime = o[k]

if (new RegExp(k).test(fmt)) {

fmt = fmt.replace(new RegExp(k), (strTime.length == 1)? padStart(strTime) : strTime );

}

}

console.log(fmt);

return fmt;

}

formDate(new Date(), "yyyy-MM-dd hh:mm");

// 辅助函数 es6直接调用padStart padEnd(用于String)

function padStart(strTime) {

return strTime = "0"+strTime;

}