- A+
所属分类：Web前端
在做毕业设计项目中，需要显示后台传输的时间数据，时间通过ajax从后台传过来后是以时间戳的形式存在的，上网百度了个好用的时间戳转格式的js方法，直接拿过来用，结果发现转换后显示出来都是NaNaNa。、
我把时间戳直接粘贴到在线时间格式转换网站上，发现时间戳本身没有问题，时间显示正确。
百度的时间戳转换js方法，如下：
1 function timestampToTime(timestamp) { 2 var date = new Date(timestamp);//时间戳为10位需*1000，时间戳为13位的话不需乘1000 3 var Y = date.getFullYear() + '-'; 4 var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-'; 5 var D = (date.getDate() < 10 ? '0' + date.getDate() : date.getDate()) + ' '; 6 var h = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':'; 7 var m = (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()) + ':'; 8 var s = (date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds()); 9 10 let strDate = Y + M + D + h + m + s; 11 window.console.log("========时间函数处理之后：" + strDate); 12 return strDate; 13 14 }
经过一番测试，发现，问题如下：
...
let t = timestampToTime(1618823297000);
window.console.log(t); //显示正常
...
但是，如果使用存有时间戳的数组作为参数的话，那么转换出来就会出现“NaNaNa...”的情况，内容如下：
...
time[0] //这里边是正确的时间戳
let t = timestampToTime(time[0]);
window.console.log(t); //显示异常，为NaNaNa...
...
经过简单分析，原来我的数组存的时间戳是字符串：
let time = $("#AdminManageSRoleSelect option:selected").val().split("/");
解决方法：将参数转换成整型后再传进timestampToTime方法中，就好使了。
因为需要多次处理时间戳，所以我把时间转换js方法稍作了下改动，加上了格式转换，如下：
1 function timestampToTime(timestamp) { 2 var date = new Date(parseInt(timestamp));//时间戳为10位需*1000，时间戳为13位的话不需乘1000 3 var Y = date.getFullYear() + '-'; 4 var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-'; 5 var D = (date.getDate() < 10 ? '0' + date.getDate() : date.getDate()) + ' '; 6 var h = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':'; 7 var m = (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()) + ':'; 8 var s = (date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds()); 9 10 let strDate = Y + M + D + h + m + s; 11 window.console.log("========时间函数处理之后：" + strDate); 12 return strDate; 13 14 }
