<menu id="ycqsw"></menu><nav id="ycqsw"><code id="ycqsw"></code></nav>
<dd id="ycqsw"><menu id="ycqsw"></menu></dd>
  • <nav id="ycqsw"></nav>
    <menu id="ycqsw"><strong id="ycqsw"></strong></menu>
    <xmp id="ycqsw"><nav id="ycqsw"></nav>
  • js如何獲取當前時間的時間戳(前端如何獲取當前日期)


    在構建的應用程序的時候都會帶有日期時間組件,無論是資源的創建日期還是活動的時間戳。在本文中,我將分享如何在JavaScript中以各種格式獲取當前日期。

    1、JavaScript的Date對象

    const date = new Date();

    該Date對象包含一個Number,表示從新紀元(即1970年1月1日)起經過的毫秒數。你可以將日期字符串傳遞給Date構造函數以創建指定日期的對象:

    const date = new Date('Jul 12 2011');

    要獲取當前年份,可以使用對象的getFullYear()方法。getFullYear()方法在Date構造函數中返回指定日期的年份:

    const currentYear = date.getFullYear();
    console.log(currentYear); //2020

    同樣,有一些方法可以獲取當月的當前日期和當前的月份:

    const today = date.getDate();
    const currentMonth = date.getMonth() + 1;

    該getDate()方法返回每月的當前日期(1-31)。使用getMonth()方法返回指定日期的月份,需要注意的一點是,該方法返回0索引值(0-11),其中0表示一月,11表示十二月。因此,加1可以使月份的值標準化。

    2、Date now

    now()是Date對象的靜態方法。它以毫秒為單位的值返回,該值表示從紀元以來所經過的時間。你可以將now()方法返回的毫秒數傳遞給Date構造函數以實例化新Date對象:

    const timeElapsed = Date.now();
    const today = new Date(timeElapsed);

    3、格式化日期

    你可以使用Date對象的方法將日期格式化為多種格式(GMT,ISO等)。該toDateString()方法以我們可讀的格式返回日期:

    today.toDateString(); // "Sun Jun 16 2020"

    toISOString()返回遵循ISO 8601擴展格式的日期:

    today.toISOString(); // "2020-06-16T08:30:00.000Z"

    toUTCString()以UTC時區格式返回日期:

    today.toUTCString(); // "Sat, 16 Jun 2020 08:30:00 GMT"

    toLocaleDateString()以地區區時的格式返回日期:

    today.toLocaleDateString(); // "6/16/2020"

    4、自定義日期格式器功能

    除了上面提到的格式外,你的應用程序可能具有不同的數據格式。它可以是yy/dd/mm或yyyy-dd-mm格式,或者類似的格式。為了解決這個問題,最好創建一個可重用的函數,以便可以在多個項目中使用它。因此,接下來,讓我們創建一個實用程序函數,該函數將以函數參數中指定的格式返回日期:

    const today = new Date();
    function formatDate(date, format) {
        //
    }
    formatDate(today, 'mm/dd/yy');

    你需要使用參數中傳遞格式字符串中的月份,日期和年份分別替換字符串“ mm”,“ dd”,“ yy”。然后,使用replace(),如下所示的方法:

    format.replace('mm', date.getMonth() + 1);

    但是,這將導致很多methods連接在一起,并且會讓我們嘗試把函數變得更靈活更適合我們的項目時產生麻煩:

      .replace('yy', date.getFullYear())
      .replace('dd', date.getDate());

    然后可以使用正則表達式代替methods來連接methods replace()。首先創建一個對象,該對象將代表子字符串的鍵值對及其各自的值:

    const formatMap = {
        mm: date.getMonth() + 1,
        dd: date.getDate(),
        yy: date.getFullYear().toString().slice(-2),
        yyyy: date.getFullYear()
    };

    接下來,使用正則表達式匹配并替換字符串:

    formattedDate = format.replace(/mm|dd|yy|yyy/gi, matched => map[matched]);

    完整的功能及代碼如下所示:

    function formatDate(date, format) {
        const map = {
            mm: date.getMonth() + 1,
            dd: date.getDate(),
            yy: date.getFullYear().toString().slice(-2),
            yyyy: date.getFullYear()
        }
     
        return format.replace(/mm|dd|yy|yyy/gi, matched => map[matched])
    }

    你還可以在函數中添加格式化時間戳的功能。

    5、最后

    你現在對DateJavaScript 中的對象有更好的了解。你也可以使用其他第三方庫(例如datesj和)moment來處理應用程序中的日期。

    版權聲明:本文內容由互聯網用戶自發貢獻,該文觀點僅代表作者本人。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。如發現本站有涉嫌抄襲侵權/違法違規的內容, 請發送郵件至 舉報,一經查實,本站將立刻刪除。

    發表評論

    登錄后才能評論
    国产精品区一区二区免费