JavaScript 時間日期操作
本文通過程式碼例項介紹一下JavaScript對於時間日期的簡單操作。
一.建立Date物件例項:
只有建立Date物件例項,才能夠利用Date(類)的例項方法。
假設我們要獲取當前的年份,程式碼例項如下:
[JavaScript] 純文字檢視 複製程式碼執行程式碼let date = new Date(); console.log(date.getFullYear());
程式碼執行效果截圖如下:
上述程式碼獲取當前的年份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());
程式碼執行效果截圖如下:
上述程式碼為建構函式顯式規定一個時間日期字串。
建構函式的引數形式有多種,具體參閱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);
程式碼執行效果截圖如下:
程式碼分析如下:
(1).兩個Date物件執行算術運算操作,會首先隱式呼叫valueOf()方法。
(2).valueOf()方法會獲取對應時間日期的時間戳。
(3).實質上就是時間戳的比較。
關於時間戳的相關內容可以參閱JavaScript 時間戳一章節。
三.獲取時間日期字串:
Date(類)提供了相關的例項方法。
程式碼如下:
[JavaScript] 純文字檢視 複製程式碼執行程式碼let date = new Date(); console.log(date.toString());
程式碼執行效果截圖如下:
通過toString()方法可以列印出時間日期字串。
但是上述格式實在是不夠人性化,所以很多時候需要人為定製時間日期格式。
網上的有很多類似的外掛,需要的朋友可以自行在網上查詢搜尋。
本站也分享一段時間日期格式化程式碼,具體參閱JavaScript 時間日期格式化一章節。
相關文章
- 簡易實用的JavaScript日期時間操作!JavaScript
- JavaScript 動態時間日期JavaScript
- JavaScript動態時間日期JavaScript
- JavaScript實時變化時間日期JavaScript
- JavaScript時間日期格式化JavaScript
- JavaScript 時間日期格式轉換JavaScript
- JavaScript 時間日期轉換成中文JavaScript
- [C#]C#時間日期操作C#
- Java日期時間操作基礎——包含JDK1.8時間操作新特性JavaJDK
- JavaScript 日期和時間的格式化JavaScript
- LocalDateTime替代Date操作處理日期時間LDA
- JavaScript 獲取指定時間前幾天日期JavaScript
- 日期和時間
- 日期時間類
- iOS日期時間iOS
- 原生JS獲取日期段及時間比較的騷操作(基本操作)JS
- Python 日期和時間Python
- Java日期和時間Java
- 日期和時間格式
- datetime日期和時間
- JavaScript獲取兩個日期之間所有的日期JavaScript
- echarts 睡眠時間段+日期Echarts
- 日期時間格式化
- Clickhouse 時間日期函式函式
- linux21-日期時間Linux
- Unix 時間戳與日期時間戳
- SPL 的日期時間函式函式
- QT獲取日期,時間,星期QT
- Qt:獲取日期和時間QT
- 【Python基礎】日期和時間Python
- Java 8 的日期時間工具Java
- vue 日期時間過濾器Vue過濾器
- 日期時間處理包 Carbon
- Java 中的時間日期 APIJavaAPI
- jquerydatetimepicker日期時間控制元件jQuery控制元件
- Java 8 的時間日期 APIJavaAPI
- Java 日期和時間 API:實用技巧與示例 - 輕鬆處理日期和時間JavaAPI
- win10如何修改時間日期格式 調整時間格式和日期格式的方法Win10