YYYY-MM-DD與YYYY/MM/DD之錯誤時間戳

iKcamp 發(fā)布于2019-08-26 10:40 / 1903人閱讀

摘要：知識延伸中通過對象獲取時間戳的常用方法此處本質(zhì)是調(diào)用了方法瀏覽器環(huán)境下是不支持這種格式的

嘿，老周，我在后臺設(shè)置的這個活動是明天零點開始的，你這個頁面上活動開始的倒計時怎么多出了8個小時？

錯因

接口返回的活動開始時間是"2019-06-18"，前端需將這個日期轉(zhuǎn)化為時間戳來計算當(dāng)前時間到該日期的倒計時，代碼如下：

var timestamp = new Date("2019-06-18").getTime();
console.log(timestamp ); // 1560816000000

但實際上正確的時間戳應(yīng)該是1560787200000，多出了28800000毫秒即8個小時！
讓我們來看看是哪里在作妖：

var date = new Date("2019-06-18");
console.log(date); // Tue Jun 18 2019 08:00:00 GMT+0800 (中國標(biāo)準(zhǔn)時間)

預(yù)期的Tue Jun 18 2019 00:00:00 GMT+0800 (中國標(biāo)準(zhǔn)時間)變成了Tue Jun 18 2019 08:00:00 GMT+0800 (中國標(biāo)準(zhǔn)時間)

對策

將時間格式從YYYY-MM-DD轉(zhuǎn)為YYYY/MM/DD:

var dateStr = "2019-06-18";
dateStr = dateStr.replace(new RegExp(/-/gm), "/");
console.log(dateStr); // "2019/06/18"
var date = new Date(dateStr);
console.log(date); // Tue Jun 18 2019 00:00:00 GMT+0800 (中國標(biāo)準(zhǔn)時間)

此時的Date對象的值便符合預(yù)期了。

知識延伸

1.JavaScript中通過Date對象獲取時間戳的常用方法：

getTime()

valueOf()

var timestamp1 = new Date("2019/06/18").getTime();
var timestamp2 = new Date("2019/06/18").valueOf();
var timestamp3 = +new Date("2019/06/18"); // 此處本質(zhì)是調(diào)用了valueOf()方法
console.log(timestamp1); // 1560787200000
console.log(timestamp2); // 1560787200000
console.log(timestamp3); // 1560787200000

2.safari瀏覽器環(huán)境下是不支持YYYY-MM-DD這種格式的