vue项目开发，前端传入时间为UTC 通用标准时如2021-10-28T16:00:00.000Z，格式化为正常时间yyyy-MM-dd

最新推荐文章于 2024-07-14 22:44:48 发布

零点七九

最新推荐文章于 2024-07-14 22:44:48 发布

阅读量7.7k

点赞数 2

文章标签：前端 vue.js javascript

本文链接：https://blog.csdn.net/qq_34736893/article/details/121013777

版权

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 ''
		},