Date相關

来源:https://www.cnblogs.com/shapeY/archive/2019/03/14/10530444.html
-Advertisement-
Play Games

處理時間是常見的需求，總結下Date類的相關知識 構建時間對象 "Date" 對象基於1970年1月1日（世界標準時間）起的毫秒數。 構建對象實例有多種方式: 1. 不傳入參數，預設以系統當前時間返回一個時間對象. 返回的是一個 對象實例 ，控制台列印了時間字元串，是預設調用了 方法。 2. 傳入 ...


處理時間是常見的需求，總結下Date類的相關知識

構建時間對象

Date 對象基於1970年1月1日（世界標準時間）起的毫秒數。

構建對象實例有多種方式:

  1. 不傳入參數，預設以系統當前時間返回一個時間對象.new Date();
    new Date();
    // Wed Mar 13 2019 10:49:28 GMT+0800 (中國標準時間)

返回的是一個對象實例，控制台列印了時間字元串，是預設調用了toString()方法。

  1. 傳入 自1970年1月1日00:00:00 (世界標準時間) 起經過的毫秒數.new Date(value);
    new Date(1323532800000);
    // Sun Dec 11 2011 00:00:00 GMT+0800 (中國標準時間)

    // 可以傳入負數，代表1970年1月1日00:00:00之前的時間
    new Date(-10000);
    // Thu Jan 01 1970 07:59:50 GMT+0800 (中國標準時間)
  1. 傳入 表示日期的字元串.new Date(dateString);
    new Date('2011-11-11')
    new Date('2011/11/11')
    new Date('11/11/2011')
    // Fri Nov 11 2011 00:00:00 GMT+0800 (中國標準時間)

    new Date('Sun Dec 11 2011 00:00:00')
    // Sun Dec 11 2011 00:00:00 GMT+0800 (中國標準時間)  註意這裡是12月份了，11代表的12月

    new Date('2011-11-11 11:11:11')
    new Date('2011-11-11T11:11:11')
    // Fri Nov 11 2011 11:11:11 GMT+0800 (中國標準時間)

    new Date('aa')
    // Invalid Date

只要能被[Date.parse()](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Date/parse)解析的字元串，都可以作為參數傳入。

  1. 傳入 年月日等多個整數參數. new Date(year, month[, day[, hour[, minutes[, seconds[, milliseconds]]]]]);
    new Date(2011,11,11,11,11,11,111)
    // Sun Dec 11 2011 11:11:11 GMT+0800 (中國標準時間)
    new Date(2011,11)
    // Thu Dec 01 2011 00:00:00 GMT+0800 (中國標準時間)
   
    new Date(2011)
    // Thu Jan 01 1970 08:00:02 GMT+0800 (中國標準時間)  只傳入一個整數參數，會被當做毫秒數解析

    new Date('2011',11,11) 
    //Sun Dec 11 2011 00:00:00 GMT+0800 (中國標準時間)  傳入的參數會進行轉換
    new Date('2011.11',11,11)
    //Sun Dec 11 2011 00:00:00 GMT+0800 (中國標準時間)

    new Date('a',11,11)
    // Invalid Date  無法轉換成數字的參數

這種方式至少需要傳入兩個整數參數標誌年、月，只傳入一個參數會當做毫秒數進行構建；傳入的參數會自動轉換成數字，所以例子中傳入數字字元串也是可以創建成功的。

如果把Date()直接當作函數調用，不過有沒有傳入參數，都會返回當前時間的時間字元串

Date()
// "Wed Mar 13 2019 20:22:42 GMT+0800 (中國標準時間)"
Date(2011,11)
// "Wed Mar 13 2019 20:22:47 GMT+0800 (中國標準時間)"

自動折算

時間的參數都是有範圍的：

  • 年 使用四位數年份，比如2000。如果寫成兩位數或個位數，則加上1900，即10代表1910年。如果是負數，表示公元前
  • 月份的範圍是0~11 (0是一月份，11是12月份)
  • 天數的範圍是1~31
  • 小時的範圍是0~23
  • 分鐘的範圍是0~59
  • 秒數的範圍是0~59
  • 毫秒的範圍是0~999

如果創建時間對象的時候，傳入的參數超出了實際範圍會怎樣呢？

    new Date(2010,12,11)
    // Tue Jan 11 2011 00:00:00 GMT+0800 (中國標準時間)  月的參數12超出了範圍，年份多了一年，然後月份變成了1月份（對應參數0）
    new Date(2010,11,0)
    // Tue Nov 30 2010 00:00:00 GMT+0800 (中國標準時間)  天的參數0不在範圍內，所以月份變成了11（對應參數10），然後天變成了30
    new Date(2010,11,11,25)
    // Sun Dec 12 2010 01:00:00 GMT+0800 (中國標準時間)  小時的參數25超出了範圍，天數變成了12，然後小時變成了1

當傳入的參數超出了實際範圍，會自動折算成合理的範圍 ， 相鄰的數值也會進行調整。

利用這個特性可以做很多的事情，比如，你想獲取2012年2月有共有多少天，可以這樣處理。

    new Date(2012,2,0).getDate()
    // 29  -- 三月(對應2)沒有0天，所以折算到二月（對應1）的最後一天，這時取得getDate()即是該月的天數

類型轉換

如果+ 或者 == 運算符其中一個操作數是對象時，需要先把對象轉化成原始值。其他的對象都會先調用valueOf() 方法，而時間對象類型會先調用toString()

1 + new Date()
// "1Thu Mar 14 2019 13:51:46 GMT+0800 (中國標準時間)"

new Date(2011,11,11).getTime() == new Date(2011,11,11)
// false 後面的Date對象，調用了toString()
new Date(2011,11,11).getTime() == +new Date(2011,11,11)
// true 此時隱式轉換期待轉換為數字，調用了valueOf()

其他期待轉換為數字的場景，也是正常先調用valueOf()的

時間戳

時間對象在傳遞過程中，一般會轉換為時間戳，有多種實現方式

new Date(2011,11,11).valueOf()
// 1323532800000
new Date(2011,11,11).getTime()
// 1323532800000
+new Date(2011,11,11)
// 1323532800000

Date.now()
// 1552543813256  當前時間距離時間零點（1970年1月1日 00:00:00 UTC）的毫秒數

註意以上都是毫秒，如果要轉成UNIX時間戳（從1970年1月1日（UTC/GMT的午夜）開始所經過的秒數），可以用以下方法

Math.round(ms/1000)

原生方法

Date對象提供了多種方法來獲取/設置時間數據

  1. Date對象提供了一系列get*方法，用來獲取實例對象某個方面的值。
  • getTime()：返回實例距離1970年1月1日00:00:00的毫秒數，等同於valueOf方法。
  • getDate()：返回實例對象對應每個月的幾號（從1開始）。
  • getDay()：返回星期幾，星期日為0，星期一為1，以此類推。
  • getFullYear()：返回四位的年份。
  • getMonth()：返回月份（0表示1月，11表示12月）。
  • getHours()：返回小時（0-23）。
  • getMilliseconds()：返回毫秒（0-999）。
  • getMinutes()：返回分鐘（0-59）。
  • getSeconds()：返回秒（0-59）。
  • getTimezoneOffset()：返回當前時間與 UTC 的時區差異，以分鐘錶示，返回結果考慮到了夏令時因素。

還提供了這些方法對應的 UTC 版本，用來返回 UTC 時間。

  • getUTCDate()
  • getUTCFullYear()
  • getUTCMonth()
  • getUTCDay()
  • getUTCHours()
  • getUTCMinutes()
  • getUTCSeconds()
  • getUTCMilliseconds()
new Date(2011,11,11,11,11,11,111).getHours()
// 11
new Date(2011,11,11,11,11,11,111).getUTCHours()
// 3 可見UTC時間比北京時間晚8個小時，也就是下麵的時區差異 -480分鐘
new Date(2011,11,11,11,11,11,111).getTimezoneOffset()
// -480
  1. Date對象提供了一系列set*方法，用來設置實例對象的各個方面。
  • setDate(date)：設置實例對象對應的每個月的幾號（1-31），返回改變後毫秒時間戳。
  • setFullYear(year [, month, date])：設置四位年份。
  • setHours(hour [, min, sec, ms])：設置小時（0-23）。
  • setMilliseconds()：設置毫秒（0-999）。
  • setMinutes(min [, sec, ms])：設置分鐘（0-59）。
  • setMonth(month [, date])：設置月份（0-11）。
  • setSeconds(sec [, ms])：設置秒（0-59）。
  • setTime(milliseconds)：設置毫秒時間戳。

這些方法基本是跟get方法一一對應的，但是沒有setDay方法，因為星期幾是計算出來的，而不是設置的。
set系列方法除了setTime()，都有對應的 UTC 版本，即設置 UTC 時區的時間。

  • setUTCDate()
  • setUTCFullYear()
  • setUTCHours()
  • setUTCMilliseconds()
  • setUTCMinutes()
  • setUTCMonth()
  • setUTCSeconds()

設置時間的方法，配合自動折算，可以很便捷的得到相對時間

let now = new Date();

// 99天之後的時間
now.setDate(now.getDate() + 99)

// 10小時之前
now.setHours(now.getHours() - 10)
  1. date對象提供一系列to* ，用來將時間對象轉換為字元串
  • toString() 返回一個完整的日期字元串。
  • toDateString() 返回年月日的字元串
  • toTimeString() 返回時間字元串，不包含年月日

也有對應的 UTC 版本 和 local版本

  • toUTCString() 返回對應的 UTC 時間，也就是比北京時間晚8個小時。
  • toLocaleString() 返回完整的本地時間。
let now = new Date()
undefined
now.toString()
// "Thu Mar 14 2019 14:32:18 GMT+0800 (中國標準時間)"
now.toUTCString()
// "Thu, 14 Mar 2019 06:32:18 GMT"    UTC時間比北京時間晚8個小時
now.toLocaleString()
// "2019/3/14 下午2:32:18"

您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • css中的清除浮動
    清除浮動是css的基礎，但有時候會忘了一些最簡單的東西 浮動因為在文檔流之外，所以會造成父元素的坍塌。父元素之後的元素排版就會亂。 常用的方法是在浮動父元素中添加cf類，然後定義cf樣式，並將其放在公共庫內。 因為clear 屬性定義了元素的哪邊上不允許出現浮動元素， 這裡是兩邊都清除了， 所以通過 ...
  • 17級web課程作業1
    源碼：https://gitee.com/shabbsir/codes/epbd2fkc40sqn1ghx6mvj77 百度網盤完整文件鏈接：https://pan.baidu.com/s/100UlpYeH4bNdV5C3NjaIJg 提取碼：4gzj 部分截圖： 源碼： <!doctype ht ...
  • is_NaN的使用
    原生js中使用判斷某個值是否是數值，有且只有一個方法就是is_NaN. 原理：這個函數使用了Number() 去轉換需要判斷的值。Number() 去轉換值，如果有任意非數值字元存在則就不是一個數值。轉換能力不如parseInt和parseFloat 。 Number() 轉換規律小結論： 1 字元 ...
  • js 的常用選擇器
    $永遠保存學習的心態$ 我是通過標簽獲取(紫色) 我是通過id獲取(橙色) 我是通過class獲取(黃色) 我是通過name獲取(綠色) 我是通過querySelector獲取(青色) 我通過querySelectorAll獲取(藍色) ... ...
  • IE低版本和高級瀏覽器對文本輸入事件相容
    1 一般 使用oninput 事件可以監控文本輸入事實觸發 2 相容需要使用onpropertychange 。 3 相容寫法 var evenInput=DOM元素.oninput || DOM元素.onpropertychange; ...
  • 原始js表單文本框初始化獲取焦點和選中
    發現： 1 使用dom對象.focus() 放在 window.onload 時可以 讓這個DOM對象獲取焦點。 2 使用DOM對象.select() 可以選中文本框中的文字。 3 不要加上on ，加上on是dom的對應事件屬性。 ...
  • vue路由--網站導航功能
    1、首先需要按照Vue router支持 2、定義router的js文件 3、在main.js中引入router 4、入口頁面定義router-view 5、在path指向為“/”的頁面中，定義頁面的佈局，例如：上（頭部）-中（左道航-右內容）-下（底部）。 6、左側導航，用elementUI實現， ...
  • 函數防抖與節流
    函數防抖與節流 underscore.js提供了很多很有用的函數，今天想說說其中的兩個。這兩個函數都用於限制函數的執行 debounce 在解釋這個函數前，我們先從一個例子看下這個函數的使用場景。假設我們網站有個搜索框，用戶輸入文本我們會自動聯想匹配出一些結果供用戶選擇。我們可能首先想到的做法就是監 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發（一）：使用.NET MAUI開發第一個安卓APP
    移動開發（一）：使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說，近來想嘗試開發一款安卓APP，考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP，畢竟是使用Visual Studio開發工具，使用起來也比較的順手，結合微軟官方的教程進行了安卓 ...
  • wpf ToggleButton選中效果和一個登錄界面
    前言 QuestPDF 是一個開源 .NET 庫，用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫，它徹底改變了我們生成 PDF 文檔的方 ...
  • 彈幕樹洞項目功能新增篇
    項目地址 項目後端地址： https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址： ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址： http://tree ...
  • 第27篇 sqlserver2022詳細安裝步驟
    話不多說，直接開乾 一.下載 1.官方鏈接下載： https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe，運行開始下載SQL server； 二. ...
  • .NET 開源高性能 MQTT 類庫
    前言 隨著物聯網（IoT）技術的迅猛發展，MQTT（消息隊列遙測傳輸）協議憑藉其輕量級和高效性，已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫，為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog文檔翻譯系列（六） - 可用的接收器、增強器、格式化輸出
    Serilog支持多種接收器用於日誌存儲，增強器用於添加屬性，LogContext管理動態屬性，支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項，適用於不同需求。 ...
  • 警惕 Visual Studio 屬性求值副作用導致邏輯不符合預期
    目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據，爬取信息時需要模擬瀏覽器行為，否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下： 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • [使用目前最新版]HybridCLR6.9.0+YooAsset2.2.4實現純C# Unity熱更新方案 (一)
    1.前言 什麼是熱更新 游戲或者軟體更新時，無需重新下載客戶端進行安裝，而是在應用程式啟動的情況下，在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR，Xlua，ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles，Addressable， ...
  • 在 ASP.NET Core Web API 中使用操作篩選器統一處理通用操作
    本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺，其實像阿裡雲，騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後，它會送 ...
  • 第28篇 如何.net中實現高效可靠數據同步api
    通過以下方式可以高效，並保證數據同步的可靠性 1.API設計 使用RESTful設計，確保API端點明確，並使用適當的HTTP方法（如POST用於創建，PUT用於更新）。 設計清晰的請求和響應模型，以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證，確保接收到的數據符合預期格 ...
所有分類