解析方法
JS代码
这段代码解析毫秒级的时间戳,使用的时候注意一下单位。
function formatDate(datetime) {
var year=datetime.getFullYear(); //取得4位数的年份
var month=datetime.getMonth()+1; //取得日期中的月份,其中0表示1月,11表示12月
var date=datetime.getDate()<10; //返回日期月份中的天数(1到31)
var hour=datetime.getHours(); //返回日期中的小时数(0到23)
var minute=datetime.getMinutes(); //返回日期中的分钟数(0到59)
var second=datetime.getSeconds(); //返回日期中的秒数(0到59)
return year+"-"+month+"-"+date+" "+hour+":"+minute+":"+second;
}
测试代码
var date = new Date().getTime();
console.log("当前时间戳为:"+date);
console.log("转换之后:"+formatDate(date));
输出
当前时间戳为:1604095500000
转换后:2020-10-31 6:5:0
整合到前端页面中显示为
美化
上述JS方法只是简单的将时间戳转化为‘YYYY-MM-DD hh:mm:ss’的形式,当数值小于10的时候,他只会显示一位数,如 “2020-11-01 08:09:00” 只会显示为 “2020-11-1 8:9:0” 放到前端页面并不规整美观,所以将原有的JS方法稍加修改。
function formatDate(datetime) {
var year=datetime.getFullYear(); //取得4位数的年份
var month=((datetime.getMonth()+1)<10)?("0"+datetime.getMonth()+1):datetime.getMonth()+1; //取得日期中的月份,其中0表示1月,11表示12月
var date=(datetime.getDate()<10)?"0"+datetime.getDate():datetime.getDate()<10; //返回日期月份中的天数(1到31)
var hour=(datetime.getHours()<10)?"0"+datetime.getHours():datetime.getHours(); //返回日期中的小时数(0到23)
var minute=(datetime.getMinutes()<10)?"0"+datetime.getMinutes():datetime.getMinutes(); //返回日期中的分钟数(0到59)
var second=(datetime.getSeconds()<10)?"0"+datetime.getSeconds():datetime.getSeconds(); //返回日期中的秒数(0到59)
return year+"-"+month+"-"+date+" "+hour+":"+minute+":"+second;
}
测试代码
var date = new Date().getTime();
console.log("当前时间戳为:"+date);
console.log("转换之后:"+formatDate(date));
输出
当前时间戳为:1604095500000
转换后:2020-10-31 06:05:00
整合到前端页面中显示为
遇到的小问题
上述代码识别的是Date类型,但后端一般传递的时间戳为String类型的,这里就需要进行一步转化
var get_date = "1604095500000";
var formatDate = formatDate(new Date(get_date))