vue项目开发,前端传入时间为UTC 通用标准时如2021-10-28T16:00:00.000Z,格式化为正常时间yyyy-MM-dd
2021-10-28T16:00:00.000Z是UTC通用标准时UTC通用标准时:UTC即为世界标准时间,世界统一时间,国际协调时间,字母T是时间和日期的分隔符,T后面表示的即为时间,末尾的z表示UTC统一时间。接下来要把UTC通用标准时转换成通用的yyyy-MM-dd时间格式方法1:利用函数格式转换//修改日期格式format(time, format) {var t = new Date(t
·
2021-10-28T16:00:00.000Z是UTC通用标准时
UTC通用标准时:UTC即为世界标准时间,世界统一时间,国际协调时间,字母T是时间和日期的分隔符,T后面表示的即为时间,末尾的z表示UTC统一时间。
接下来要把UTC通用标准时转换成通用的yyyy-MM-dd时间格式
方法1:利用函数格式转换
//修改日期格式
format(time, format) {
var t = new Date(time);
var tf = function (i) { return (i < 10 ? '0' : '') + i };
return format.replace(/yyyy|MM|dd|HH|mm|ss/g, function (a) {
switch (a) {
case 'yyyy':
return tf(t.getFullYear());
break;
case 'MM':
return tf(t.getMonth() + 1);
break;
case 'mm':
return tf(t.getMinutes());
break;
case 'dd':
return tf(t.getDate());
break;
case 'HH':
return tf(t.getHours());
break;
case 'ss':
return tf(t.getSeconds());
break;
}
})
}
//调用上述方法进行格式转换:
// 日期格式化
dateFormatter(row, column) {
if (row.createAt) {
return this.format(row.createAt,'yyyy-mm-dd HH:mm:ss');
}
return ''
},
方法2:通过moment.js,进行格式转换
首先安装moment.js:
npm install moment -s
其次在main.js引入moment.js:
import moment from “moment”
Vue.prototype.$moment = moment;
//借助moment.js进行转换
dateFormatter(row, column) {
if (row.createAt) {
var dateValue1 = row.$moment(row.createAt).format('YYYY-MM-DD HH:mm:ss');
return dateValue1;
}
return ''
},
更多推荐
已为社区贡献3条内容
所有评论(0)