在做畢業設計專案中，需要顯示后臺傳輸的時間資料，時間通過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 }
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/278001.html
標籤：其他
上一篇：重學前端 大廠前端工程實戰演練
下一篇：前端資料結構--線性結構-鏈表