JavaScript 時間日期操作

admin發表於2019-12-14

本文通過程式碼例項介紹一下JavaScript對於時間日期的簡單操作。

一.建立Date物件例項:

只有建立Date物件例項,才能夠利用Date(類)的例項方法。

假設我們要獲取當前的年份,程式碼例項如下:

[JavaScript] 純文字檢視 複製程式碼執行程式碼
let date = new Date();
console.log(date.getFullYear());

程式碼執行效果截圖如下:

a:3:{s:3:\"pic\";s:43:\"portal/201912/14/132749ks1uiz6qvqszgodv.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

上述程式碼獲取當前的年份2019,分析如下:

(1).首先,通過建構函式Date()建立一個時間日期物件例項。

(2).只有通過物件例項才能夠呼叫Date(類)的例項方法與屬性。

Date(類)例項方法眾多,具體參閱JavaScript Date 物件一章節。

如果建構函式省略引數,那麼就是基於當前客戶端本地時間日期建立例項物件。

當然我們也也可以人為規定一個引數,程式碼例項如下:

[JavaScript] 純文字檢視 複製程式碼執行程式碼
let date = new Date("2018/10/15 15:25:08");
console.log(date.getFullYear());
console.log(date.getMonth());
console.log(date.getDate());

程式碼執行效果截圖如下:

a:3:{s:3:\"pic\";s:43:\"portal/201912/14/132821ksinkj3tmxr99ohb.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

上述程式碼為建構函式顯式規定一個時間日期字串。

建構函式的引數形式有多種,具體參閱JavaScript Date() 引數一章節。

二.比較時間日期大小:

比較操作可能比想象的要容易,看如下程式碼例項:

[JavaScript] 純文字檢視 複製程式碼執行程式碼
let date1 = new Date("2018/10/15 15:25:08");
let date2 = new Date("2018/10/15 16:25:08");
console.log(date2-date1);

程式碼執行效果截圖如下:

a:3:{s:3:\"pic\";s:43:\"portal/201912/14/132853qximd5i3ka0zmoz6.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

程式碼分析如下:

(1).兩個Date物件執行算術運算操作,會首先隱式呼叫valueOf()方法。

(2).valueOf()方法會獲取對應時間日期的時間戳。

(3).實質上就是時間戳的比較。

關於時間戳的相關內容可以參閱JavaScript 時間戳一章節。

三.獲取時間日期字串:

Date(類)提供了相關的例項方法。

程式碼如下:

[JavaScript] 純文字檢視 複製程式碼執行程式碼
let date = new Date();
console.log(date.toString());

程式碼執行效果截圖如下:

a:3:{s:3:\"pic\";s:43:\"portal/201912/14/132922kmmthtxmhqm5fmha.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

通過toString()方法可以列印出時間日期字串。

但是上述格式實在是不夠人性化,所以很多時候需要人為定製時間日期格式。

網上的有很多類似的外掛,需要的朋友可以自行在網上查詢搜尋。

本站也分享一段時間日期格式化程式碼,具體參閱JavaScript 時間日期格式化一章節。

相關文章