JavaScript Date對象常用方法有哪些？

JavaScript中的日期對象用來處理日期和時間。例如，秒殺活動中日期的實時顯示、時鐘效果、在線日歷等。下面將對日期對象進行詳細講解。

日期對象的使用

JavaScript中的日期對象需要使用new Date()實例化對象才能使用，Date()是日期對象的構造函數(shù)。在創(chuàng)建日期對象時，可以為Date()構造函數(shù)傳入一些參數(shù)，來表示具體的日期，其創(chuàng)建方式如下。

<script>
    // 方式1:沒有參數(shù),使用當前系統(tǒng)的當前時間作為對象保存的時間
    var datel = new Date();
    //輸出結果：Wed Nov 17 2021 14:59:56 GMT+0800 (中國標準時間)
    console.log(datel);
    // 方式2：傳入年、月、日、時、分、秒(月的范圍是0～11，即真實月份-1)
    var date2 =new Date(2019,10,16,10, 57,56);
    //輸出結果：Sat Nov 16 2019 10:57:56 GMT+0800(中國標準時間)
    console.log(date2);
    // 用字符串表示日期和時間
    var date3 = new Date('2019-10-16 10:57:56');
    // 輸出結果：Wed Oct 16 2019 10:57:56 GMT+0800（中國標準時間)
    console.log(date3);
</script>

在使用方式1時，其返回的datel對象保存的是對象創(chuàng)建時的時間；使用方式2時，最少需要指定年、月兩個參數(shù)，后面的參數(shù)在省略時會自動使用默認值；使用方式3時，最少需要指定年份。另外，當傳人的數(shù)值大于合理范圍時，會自動轉換成相鄰數(shù)值(如方式2將月份設為-1表示去年12月，設為12表示明年1月)。

在獲取到日期對象后，直接輸出對象得到的是一個字符串 表示的日期和時間。如果想要用其他格式來表示這個日期和時間，可以通過調用日期對象的相關方法來實現(xiàn)。日期對象的常用方法分為get和set兩大類，分別如表1和表2所示。

表1

表2

下面我們通過具體代碼演示Date對象的使用，在控制臺中輸出當前日期。

<script>
    var date = new Date();              // 基于當前日期時間創(chuàng)建Date對象
    var year = date.getFullYear();      //獲取年
    var month = date.getMonth() + 1;    //獲取月，范圍為0~ 11 (0表示一月， 1表示二月，依次類推)
    var day = date.getDate();           //獲取日
    //通過數(shù)組將星期值轉換為字符串
    var week = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
    //輸出date對象保存的時間，示例:今天是2021年11月17日星期三
    console.log('今天是' + year + '年'+ month + '月'+ day + '日' + week[date.getDate() % 7]);
</script>

在上述代碼中，第9行的week[date.getDay() % 7]用來從date對象中獲取星期值，然后作為數(shù)組的索引到week數(shù)組中取出對應的星期字符串。

在開發(fā)中，還經常需要將日期對象中的時間轉換成指定的格式，示例代碼如下。

<script>
    //返回當前時間，格式為:時:分:秒，用兩位數(shù)字表示
    function getTime() {
        var time = new Date();
        var h = time.getHours();
        h = h<10 ? '0'+ h:h;
        var m = time.getMinutes();
        m = m<10 ? '0'+ m:m;
        var s = time.getSeconds();
        s = s<10 ? '0' + s:s;
        return h +':'+ m +':'+ s;
    }
    console.log(getTime());     //輸出結果示例: 15:06:55
</script>

在上述代碼中，第6、8、10行代碼用來判斷給定數(shù)字是否為一位數(shù)，如果是一位數(shù)則在前面加上“0”。

猜你喜歡

Math對象的常用方法有哪些?如何使用？

JavaScript中l(wèi)et和var和const有什么區(qū)別?

javascript開發(fā)工具有哪些？

黑馬程序員HTML&JS+前端課程