首頁 > web前端 > js教程 > javascript中神奇的 Date物件(圖文教學)

javascript中神奇的 Date物件(圖文教學)

亚连
發布: 2018-05-19 09:20:07
原創
1269 人瀏覽過

日常生活中,各種形式的時間字符到處都是。時間觀念的產生,時間單位、計時工具的發明,帶給人類的改變實在一言難盡。今天就來談談日期那些事。一起來看看 JavaScript 中的日期物件 Date。

Date 物件算是較常用的物件之一,但很多人完全不會操作,就算一些簡單的操作也用 moment 而不自己嘗試一下。

這次分享下 Date 中的 date 使用技巧,希望能為大家啟發。

MDN官網介紹

setDate() 方法根據本機時間來指定一個日期物件的天數。

如果 dayValue 超出了月份的合理範圍,setDate 將會相應地更新 Date 物件。

例如,如果 dayValue 指定0,那麼日期就會被設定為上個月的最後一天。

取得月份天數

// 获取月份天数
function getMonthDayCount(year, month) {
 return new Date(year, month, 0).getDate();
}
console.log(getMonthDayCount(2017, 10)); // 31
登入後複製

Date 第三個參數的本質跟 setDate 是一樣的。

因為 date 為 0 時自動退到上個月的最後一天,所以這裡月份也不需要減,正好的。

取得所有月份天數

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]
登入後複製

這個算是上面的延伸,不多解釋。

是否是閏年

function isLeapYear(year) {
 return (year % 4 == 0) && (year % 100 != 0 || year % 400 == 0);
}
登入後複製

這是網路上的程式碼,相信大多數人都會用。

但其實你真的理解或能記住麼?

反正我不能。 。

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 ]
登入後複製

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

而且都不需要記,是不是想忘都忘不了?

天數加減運算

之前看到有人用相對秒數在計算幾天前或幾天后,甚至還在算跨月,跨年的情況。

其實直接 setDate 就好了,自動處理 跨月,跨年 的狀況。

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


// 10天前是几月几号
var dt = new Date('2017-01-04');
dt.setDate(dt.getDate() - 10);
console.log(dt.toLocaleDateString()); // 2016/12/25
登入後複製

小結

雖然這些東西很基礎,說方法名,可能大家都知道,但很多人卻還是不會去使用。

就跟用 jq 卻還是 for 迴圈處理結果一樣。

這裡只列舉了部分例子,也許會有其他神奇的操作技巧等你去發現。

上面是我整理給大家的,希望今後對大家有幫助。

相關文章:

JS callback回呼函數使用案例詳解

JS DOM元素常見增刪改查操作詳解

JS刷新頁面方法總結

以上是javascript中神奇的 Date物件(圖文教學)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板