欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS中Date的一些常用方法小結(jié)

 更新時間:2022年10月29日 10:37:36   作者:海綿寶寶_0113  
Data()日期對象是一個構(gòu)造函數(shù),必須使用new來調(diào)用創(chuàng)建我們的日期對象,下面這篇文章主要給大家介紹了關(guān)于JS中Date的一些常用方法,需要的朋友可以參考下

內(nèi)置對象Date

Date對象在實際開發(fā)中,也使用得非常頻繁,它是一個內(nèi)置對象,用于表示日期和時間。

Date是用來處理日期和時間的對象,但是與Math對象不同的是:Date是一個構(gòu)造函數(shù),需要實例化之后才能使用。

接下來第一步:創(chuàng)建Date對象

創(chuàng)建Date對象

創(chuàng)建Date對象有兩種方法:

  • 創(chuàng)建時不傳參數(shù):
    在不傳遞參數(shù)的情況下,最后創(chuàng)建的結(jié)果是返回系統(tǒng)當前的時間對象

    var date = new Date(); console.log(date); // Wed Sep 28 2022 18:06:49 GMT+0800 (中國標準時間) console.log(typeof date); // object

  • 創(chuàng)建時傳遞參數(shù):
    傳遞參數(shù)時表示創(chuàng)建指定時間的對象,參數(shù)可以是字符串,也可以是數(shù)字,還可以是時間戳。我們按照傳遞參數(shù)的類型來分別講解。

  • 參數(shù)為字符串

    var date = new Date("2022-09-28 18:06:49"); var date = new Date("2022/09/28 18:06:49"); var date = new Date("2022-09-28T18:06:49"); var date = new Date("2022/09/28T18:06:49"); var date = new Date("2022-09-28"); var date = new Date("2022/09/28"); var date = new Date("2022-09-28T00:00:00"); var date = new Date("2022/09/28T00:00:00");

通過上面的代碼,我們可以看到在將時間字符串作為參數(shù)傳入的時候,我們要遵循的格式就是:年月日 具體時間,其中年月日之間使用-或者/連接,具體時間使用:連接;年月日和具體時間的連接可以使用空格隔開或者T隔開。

  • 參數(shù)為多個數(shù)字

    var date = new Date(x,y,z,a,b,c,d);

  • x:表示年份,必須傳遞,否則會報錯
  • y: 表示月份,從0開始,0表示1月,1表示2月,以此類推,如果不傳遞,默認為0
  • z: 表示日期,如果不傳遞,默認為1
  • a: 表示小時,如果不傳遞,默認為0
  • b: 表示分鐘,如果不傳遞,默認為0
  • c: 表示秒,如果不傳遞,默認為0
  • d: 表示毫秒,如果不傳遞,默認為0

多個參數(shù)之間我們使用逗號間隔,如果不傳遞的參數(shù),會使用默認值(年份除外,年份必須傳參)。

  • 參數(shù)為時間戳

    var date = new Date(時間戳);

日期的格式化

在實際開發(fā)中,我們經(jīng)常需要將日期格式化,比如:將日期格式化為:2022-09-28 18:06:49,這個時候我們就需要使用到Date對象的format方法。

或者我們需要獲取日期的指定部分,這個時候就需要用到Date對象自帶的方法了。

Date對象自帶的方法

方法名含義備注
getFullYear()獲取年份 
getMonth()獲取月:0-110代表一月
getDate()獲取日:1-31 
getDay()獲取星期:0-60代表周日;1代表周一
getHours()獲取小時:0-23 
getMinutes()獲取分鐘:0-59 
getSeconds()獲取秒:0-59 
getMilliseconds()獲取毫秒1s = 1000ms

獲取時間戳

什么是時間戳呢?

時間戳就是從格林威治標準時間的1970年1月1日,0時0分0秒到當前日期所花費的毫秒數(shù)(1秒 = 1000毫秒)。

那為什么需要時間戳呢?

這是因為在計算機中,時間是以數(shù)字的形式存儲的,而不是以字符串的形式存儲的,所以我們需要將時間轉(zhuǎn)換為數(shù)字,這個數(shù)字就是時間戳。
而時間戳的存在就是為了統(tǒng)一時間的單位。

如何獲取時間戳呢?

下面集中常見的方法:

  • +new Date():獲取當前時間的時間戳

    value = +new Date();

  • Date對象的getTime方法

    var date = new Date();

  • Date對象的valueOf方法

    var date = new Date();

這三種方法都可以獲取當前時間的時間戳。使用頻率從上往下一次遞減。

附:獲得Date總的毫秒數(shù)(距離1970年1月1號過了多少毫秒)

valueOf();

var date = new Date();
console.log(date.valueOf());//1628750819687

getTime();

var date = new Date();
console.log(date.getTime());//1628750819687

簡單寫法

var date1 = +new Date();
console.log(date1);//1628750819687

H5新增的方法

console.log(Date.now());//1628750819687

總結(jié)

到此這篇關(guān)于JS中Date的一些常用方法的文章就介紹到這了,更多相關(guān)JS Date常用方法內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • JS實現(xiàn)網(wǎng)頁自動刷新腳本的方法

    JS實現(xiàn)網(wǎng)頁自動刷新腳本的方法

    要自動刷新網(wǎng)頁,你可以使用JavaScript腳本來實現(xiàn),下面這篇文章主要給大家介紹了關(guān)于JS實現(xiàn)網(wǎng)頁自動刷新腳本的相關(guān)資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下
    2023-11-11
  • 使用javascript創(chuàng)建快捷方式的簡單實例

    使用javascript創(chuàng)建快捷方式的簡單實例

    這篇文章介紹了使用javascript創(chuàng)建快捷方式的簡單實例,有需要的朋友可以參考一下
    2013-08-08
  • js改變style樣式和css樣式的簡單實例

    js改變style樣式和css樣式的簡單實例

    下面小編就為大家?guī)硪黄猨s改變style樣式和css樣式的簡單實例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-06-06
  • js求數(shù)組最大值的八種具體實現(xiàn)方法

    js求數(shù)組最大值的八種具體實現(xiàn)方法

    數(shù)組如何求最大值,想必很多的朋友都不會吧,下面這篇文章主要給大家介紹了關(guān)于使用js求數(shù)組最大值的八種方法具體實現(xiàn)的相關(guān)資料,文中給出了詳細的代碼示例,需要的朋友可以參考下
    2023-09-09
  • 使用JavaScript實現(xiàn)一個炫酷的羅盤時鐘

    使用JavaScript實現(xiàn)一個炫酷的羅盤時鐘

    在探究前端動畫時,想到之前在鎖屏壁紙看到的羅盤時鐘,看著很是炫酷,于是說干就干,下面就跟隨小編一起來學習一下如何使用JS實現(xiàn)一個炫酷的羅盤時鐘效果吧
    2024-02-02
  • JS去除空格和換行的正則表達式(推薦)

    JS去除空格和換行的正則表達式(推薦)

    下面小編就為大家?guī)硪黄狫S去除空格和換行的正則表達式(推薦)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-06-06
  • JavaScript實現(xiàn)簡單計算器

    JavaScript實現(xiàn)簡單計算器

    這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)簡單計算器,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-03-03
  • 解析js如何獲取css樣式

    解析js如何獲取css樣式

    本文主要對javascript如何如何獲取css樣式進行簡要分析,需要的朋友可以看下,希望對大家有所幫助
    2016-12-12
  • 基于bootstrap的選擇框插件icheck

    基于bootstrap的選擇框插件icheck

    這篇文章主要為大家詳細介紹了基于bootstrap的選擇框插件icheck,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-12-12
  • 7個令人驚訝的JavaScript特性詳解

    7個令人驚訝的JavaScript特性詳解

    在學習ES6的過程中我碰到了幾個特性,它們讓我驚訝,其中大部分是關(guān)于 ES6 的特性但也有一部分是 ES3 特性,這些特性我以前從未用過,而現(xiàn)在我將開始使用它們,感興趣的小伙伴可以跟著小編一起來學習
    2023-05-05

最新評論