在开发过程中,往往对后台传到前台的时间需要做一定的处理,使时间在页面中呈现出我们需要的格式。
W3C中对于Date对象提供了一系列的处理函数供我们使用。需要的可以参考:
案例:
一般在项目中,后台传到前台的时间对象为:Tue Oct 08 00:00:00 CST 2019
在页面中我们需要把这个时间对象显示成:2019-10-08的格式应该怎么做:
<script>
//js新建格式化函数
Date.prototype.format = function(format) {
var o = {
"M+" : this.getMonth() + 1,// month
"d+" : this.getDate(),// day
"h+" : this.getHours(),// hour
"m+" : this.getMinutes(),// minute
"s+" : this.getSeconds(),// second
"q+" : Math.floor((this.getMonth() + 3) / 3),// quarter
"S" : this.getMilliseconds()
// millisecond
};
if (/(y+)/.test(format) || /(Y+)/.test(format)) {
format = format.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
}
for ( var k in o) {
if (new RegExp("(" + k + ")").test(format)) {
format = format.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k] : ("00" + o[k]).substr(("" + o[k]).length));
}
}
return format;
};
var dateMess = "Tue Oct 08 00:00:00 CST 2019";//模拟接收到的后台的时间数据
var date = new Date(dateMess);
//打印log日志:时间对象被转换成了我们需要的形式
console.log(date.format("yyyy-MM-dd")); // 2019-10-08
$("#input的ID").val(date);//设置input的值
</script>