前言:因为想要页面显示年月日时分秒,所以我用的是timestamp类型,效果如下:

之后点击保存,数据库效果如下:

首先:我们的entity如下:可知用的是timestamp类型

前台页面为:注意type类型为datetime-local

1:现在开始处理如何把数据库的timestamp类型显示到页面
mybatis的xml主要内容为:

后台获取代码为:这里用的是ajax获取数据,所以使用responsebody

js代码主要为:


//用于timestamp类型显示到input类型为Datetime-Local页面上
function formatterDatetimeLocalToPage(hm,format){
var now = new Date(hm);
//拼装完整日期格式
var today = now.getFullYear() + "-" + fix((now.getMonth() + 1),2) + "-" + fix(now.getDate(),2)
+ "T" + fix(now.getHours(),2) + ":" + fix(now.getMinutes(),2);
return today;
}
function fix(num, length) {
return ('' + num).length < length ? ((new Array(length + 1)).join('0') + num).slice(-length) : '' + num;
}
2:现在开始处理如何把页面type类型为datetime-local时间数据传递到后台修改进数据库中
js代码主要为:


//用于input类型为Datetime-Local的值传递到后台对象中的timestamp类型字段
function formatterDatetimeLocalToApprication(formData,datetimeLocalName){
var date=formData.get(datetimeLocalName);
var n=date.split("T");
date= n[0]+" "+n[1]+":00";
formData.delete(datetimeLocalName);
formData.append(datetimeLocalName, date);
return formData;
}
后台代码为:

mybatis的xml主要内容为:

总结:其实主要内容为js的代码,只需调用即可。
前端时间处理
本文介绍如何在前端使用JavaScript处理timestamp类型的时间数据,实现与datetime-local类型的转换。包括将数据库中的时间戳展示在页面上,以及将页面输入的时间数据格式化后传递给后端。
1031

被折叠的 条评论
为什么被折叠?



