在Web開發過程中,可以使用JavaScript的Date物件(日期物件)來實現對日期和時間的控制.

如果想在網頁顯示計時時鐘,就需要重複生成新的Date物件來獲取當前計算機的時間. 使用者可以使用Date物件執行各種使用日期和時間操作

• 建立Date物件
• Date物件的屬性
• Date物件的方法

1、建立Date物件

日期物件是一個物件資料型別求值,該物件只要負責處理與日期和時間有關的資料資訊. 在使用Date物件前,首先要建立該物件

語法:

dateObj = new Date();
dateObj = new Date(dateval);
dateObj = new Date(year,month,[hours[,minutes[,seconds[,ms]]]]);
 

Date物件語法中各引數的說明表如下

下面以示例的形式來介紹如何建立日期物件

程式清單: 返回當前的時間和日期

<script type="text/javascript">
        var newDate = new Date();
        document.write(newDate);
    </script>

執行結果:

Thu Aug 13 2020 20:26:11 GMT+0800 (中國標準時間)

程式清單: 用年月日來(2020-8-13)來建立日期物件

<script type="text/javascript">
        var newDate = new Date(2020,8,13);
        document.write(newDate);
    </script>

執行結果:

Sun Sep 13 2020 00:00:00 GMT+0800 (中國標準時間)

程式清單: 用年、月、日、小時、分鐘、秒(2020-8-13 20:33:27)來建立日期物件

<script type="text/javascript">
        var newDate = new Date("August 13,2020 20:33:27");
        document.write(newDate);
    </script>

執行結果:

Thu Aug 13 2020 20:33:27 GMT+0800 (中國標準時間)

2、Date物件的屬性

Date物件的屬性,包括constructor和prototype,它們與String物件中的屬性語法相同,這裡介紹這兩個屬性的用法.

(1)constructor屬性

程式清單: 判斷當前物件是否為日期物件

<script type="text/javascript">
        var newDate = new Date();
        if (newDate.constructor == Date) {
            document.write("日期型物件");
        } 
    </script>

執行結果:

日期型物件

(2)prototype屬性

程式清單:用自定義屬性來記錄當前日期是本週當週幾

<script type="text/javascript">
        var newDate = new Date();//當前日期為2020-8-13
        Date.prototype.mark = null;  //向物件中新增屬性
        newDate.mark = newDate.getDay();  //向新增的屬性中賦值
        alert(newDate.mark);
    </script>

執行結果:

4

3、Date物件的方法

Date物件是JavaSCript的一種內部物件. 該物件沒有可以直接讀寫的屬性,所有對日期和時間的操作都是通過方法完成的