vue elementUI 前后端日期转换问题

vue elementUI 前后端日期转换问题_第1张图片
前端:

//将当前时间解析为number类型
let currentTime= parseInt(new Date().getTime()); 

后端:调用setXxx保存

	private Date borrowDate =new Date();
    @JsonFormat(pattern = "yyyy-mm-dd HH:mm:ss",timezone = "GMT+8")
    public Date getBorrowDate() {
        return borrowDate;
    }
    @DateTimeFormat(pattern = "yyyy-mm-dd HH:mm:ss")
    public void setBorrowDate(Date borrowDate) {
        this.borrowDate = borrowDate;
    }

数据库保存结果:
在这里插入图片描述
关于日期的转换方法:

//vue
p(s) {
                return s < 10 ? '0' + s : s
     }
let d=new Date();
d.getFullYear() + '-' + this.p((d.getMonth() + 1)) + '-' + this.p(d.getDate()) +' '+this.p(d.getHours()) + ':' + this.p(d.getMinutes()) + ':' + this.p(d.getSeconds());
//结果 年-月-日 时:分:秒
//vue + elementUI 时间戳转换为 yyyy-MM-dd hh:mm:ss格式
//上线转换
formatStartTime: function (row, column) {
return this.dateOfReturnFormatter(row.startTime);
},
//下线时间
formatEndTime: function (row, column) {
return this.dateOfReturnFormatter(row.endTime);
},
//时间转换
dateOfReturnFormatter(time){
   //如果数据不存在设置为'',否则为:1970-01-1 8:0:0
   if (!time){
       return '';
	}
   var date = new Date(time);//时间戳为10位需*1000,时间戳为13位的话不需乘1000
   let Y = date.getFullYear() + '-';
   let M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1) + '-';
   let D = date.getDate() + ' ';
   let h = date.getHours() + ':';
   let m = date.getMinutes() + ':';
   let s = date.getSeconds();
   return Y+M+D+h+m+s;
},
            
/************************************************************/  
日期转换为时间戳          
var date = new Date('2020-05-236:55:01:000');
    // 有三种方式获取
    var time1 = date.getTime();
    var time2 = date.valueOf();
    var time3 = Date.parse(date);
    console.log(time1);
    console.log(time2);
    console.log(time3);        

其它转换方法可以查看https://www.cnblogs.com/surui/p/7685080.html

你可能感兴趣的:(vue elementUI 前后端日期转换问题)