快捷導(dǎo)航

javascript中神奇的 Date對象小結(jié)

更新時(shí)間：2017年10月12日 08:26:13 作者：樓教主

日常生活中，各種形式的時(shí)間字符到處都是。時(shí)間觀念的產(chǎn)生，時(shí)間單位、計(jì)時(shí)工具的發(fā)明，給人類帶來的變化實(shí)在一言難盡。今天就來談?wù)勅掌谀切┦聝?。一起來看?JavaScript 中的日期對象 Date。

Date 對象算是較常用的對象之一，但很多人完全不會(huì)操作，就算一些簡單的操作也用 moment 而不自己嘗試一下。

本次分享下 Date 中的 date 使用技巧，希望能給大家啟發(fā)。

MDN官網(wǎng)介紹

setDate() 方法根據(jù)本地時(shí)間來指定一個(gè)日期對象的天數(shù)。

如果 dayValue 超出了月份的合理范圍，setDate 將會(huì)相應(yīng)地更新 Date 對象。

例如，如果為 dayValue 指定0，那么日期就會(huì)被設(shè)置為上個(gè)月的最后一天。

獲取月份天數(shù)

// 獲取月份天數(shù)
function getMonthDayCount(year, month) {
 return new Date(year, month, 0).getDate();
}
console.log(getMonthDayCount(2017, 10)); // 31

Date 第三個(gè)參數(shù)的本質(zhì)跟 setDate 是一樣的。

因?yàn)?date 為 0 時(shí)自動(dòng)退到上個(gè)月的最后一天，所以這里月份也不需要減，正好的。

獲取所有月份天數(shù)

function getAllMonthDayCount(year) {
 var days = [31, new Date(year, 2, 0).getDate(), 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
 return days;
}
console.log(getAllMonthDayCount(2016));// [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31]

這個(gè)算是上面的延伸，不多解釋。

是否是閏年

function isLeapYear(year) {
 return (year % 4 == 0) && (year % 100 != 0 || year % 400 == 0);
}

這是網(wǎng)上的代碼，相信大多數(shù)人都用。

但其實(shí)你真的理解或者能記住么？

反正我不能。。

function isLeapYear(year) {
 return new Date(year, 2, 0).getDate() === 29;
}
console.log([
 isLeapYear(2000),
 isLeapYear(2016),
 isLeapYear(2017),
 isLeapYear(2018)
]); // [ true, true, false, false ]

這樣看，是不是就非常簡單容易理解了。

而且都不需要記，是不是想忘都忘不了？

天數(shù)加減操作

之前看到有人用相對秒數(shù)在計(jì)算幾天前或幾天后，甚至還在算跨月，跨年的情況。

其實(shí)直接 setDate 就好了，自動(dòng)處理跨月，跨年的情況。

// 10天后是幾月幾號(hào)
var dt = new Date('2016-12-25');
dt.setDate(dt.getDate() + 10);
console.log(dt.toLocaleDateString()); // 2017/1/4


// 10天前是幾月幾號(hào)
var dt = new Date('2017-01-04');
dt.setDate(dt.getDate() - 10);
console.log(dt.toLocaleDateString()); // 2016/12/25

小結(jié)

雖然這些東西很基礎(chǔ)，說方法名，可能大家都知道，但很多人卻依然不會(huì)去使用。

就跟用 jq 卻依然 for 循環(huán)處理結(jié)果一樣。

這里只列舉了部分例子，也許會(huì)有其他神奇的操作技巧等你去發(fā)現(xiàn)。

您可能感興趣的文章: