JavaScript學習 第三課（三）

學習内容

一、日期和時間對象

二、日期和對象常用的方法

三、修改日期和對象常用的方法

四、将日期和時間轉化為字元串

五、日期時間對象的比較

一、日期和時間對象

• 日期和時間對象：該對象的作用是用來操作日期和時間的。

方式一：

<script>
        var date = new Date();
        console.log(date);
        console.log(typeof date);
    </script>
           

方式二：

常用的表示日期和時間的字元串的格式如下：

1） ‘年 月 日 時：分: 秒’;

2） ‘年-月-日 時:分：秒’；

3） ‘年/月/日 時：分：秒’;

var str = '2002-3-3 12:20:21';
        var str = '2002/3/2 12:20:21';
        var str = '2002 3 2 12:20:21';

        var date = new Date(str);
        console.log(date);
           

方式三：

方式三：var  日期和時間對象名稱=new Date(毫秒值);
該方式傳回的是距離：1970年1月1日0時0分0秒的毫秒值
           

var date = new Date(3000);
        console.log(date);
           

二、日期和對象常用的方法

（一）、getFullYear方法

作用：擷取日期和時間對象中的年份

格式：日期和時間對象.getFullYear();

<script>
        var date = new Date();
        console.log(date);
        console.log(date.getFullYear());
        console.log(typeof date);
    </script>
           

（二）、getMonth方法：

作用：擷取日期和時間對象中的月份

格式：日期和時間對象.getMonth();

傳回值：0-11 （0表示1月份，11表示12月份）

var date = new Date();
        console.log(date);
        console.log(date.getFullYear());
        console.log(date.getMonth());
           

（三）、getDate方法：

作用：擷取日期和時間對象中的天

格式：日期和時間對象.getDate();

var date = new Date();
        console.log(date);
        console.log(date.getFullYear());
        console.log(date.getDate());
           

（四）、getDay()

作用：擷取日期和時間中的周

格式：日期和是時間對象.getDay();

注意：傳回值為1-6和0,0表示星期日

var date = new Date();
        console.log(date);
        console.log(date.getFullYear());
        console.log(date.getDay());
           

（五）、getHours方法

作用：擷取日期和時間中的小時

格式：日期和時間對象.getHours();

var date = new Date();
        console.log(date);
        console.log(date.getFullYear());
        console.log(date.getHours());
           

（六）、getMinutes方法

作用：擷取日期和時間對象中的分鐘

格式：日期和時間對象.getMinutes();

var date = new Date();
        console.log(date);
        console.log(date.getFullYear());
        console.log(date.getMinutes());
           

（七）、getSeconds方法

作用：擷取日期和時間對象中的秒

格式：日期和時間對象.getSeconds();

var date = new Date();
        console.log(date);
        console.log(date.getFullYear());
        console.log(date.getSeconds());
           

（八）、getMilliseconds方法

作用：擷取日期和時間對象中的毫秒

格式：日期和時間對象.getMilliseconds();

var date = new Date();
        console.log(date);
        console.log(date.getFullYear());
        console.log(date.getMilliseconds());
           

（九）、getTime方法

作用：擷取距離1970年1月1日0時0分0秒的毫秒值

格式：日期時間對象.getTime();

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

三、修改日期和對象常用的方法

（一）、setFullYear()方法

作用：修改日期對象中的年份

格式：日期時間對象.setFullYear(新的年份);

<script>
        var date = new Date();
        date.setFullYear(2023);
        console.log(date);
    </script>
           

（二）、setMonth方法

作用：修改日期時間對象中的月份

格式：日期時間對象.setMonth(新的月份);

注意：可以用0-11表示月份(0表示1月，11表示12月)，如果大于11，則會有進位現象

<script>
        var date = new Date();
        date.setFullYear(2023);
        date.setMonth(12);
        console.log(date);
    </script>
           

（三）、setHours方法

作用：修改日期時間對象中的小時

格式：日期時間對象.setHours(新的小時);

注意：如果參數大于等于24則會有進位的現象

<script>
        var date = new Date();
        date.setFullYear(2023);
        date.setMonth(12);
        date.setHours(24);
        console.log(date);
    </script>
           

（四）、setMinutes方法

作用：修改日期時間中的分鐘

格式：日期時間對象.setMinutes(新的分鐘);

注意：如果參數大于等于60則會進位

<script>
        var date = new Date();
        date.setFullYear(2023);
        date.setMonth(12);
        date.setHours(24);
        date.setMinutes(60);
        console.log(date);
    </script>
           

（五）、setDate方法

作用：修改日期對象中的天

格式：日期時間對象.setDate(新的天);

var date = new Date();
    date.setDate(20);
    console.log(date);
           

（六）、setTime方法

作用：設定距離1970年1月1日0時0分0秒的毫秒值

格式：日期時間對象.setTime(毫秒值);

<script>
        var date = new Date();

        date.setDate(20);
        date.setTime(1000);
        console.log(date);
           

四、将日期和時間轉化為字元串

（一）、toLocaleString方法

作用：将日期時間轉換為字元串

格式：日期時間對象.toLocaleString();

傳回值：轉換為字元串中的年月日時分秒

var date = new Date();
        var res = date.toLocaleString();
        console.log(res);
           

（二）、toLocaleDateString方法

作用：将日期時間對象轉換為字元串，隻有日期，沒有時間

格式：日期時間對象.toLocaleDateString

var date = new Date();
       // var res = date.toLocaleString();
        var res = date.toLocaleDateString();
        console.log(res);
           

（三）、toLocaleTimeString方法

作用：将日期時間對象轉換為字元串，隻有時間，沒有日期

格式：日期時間對象.toLocaleTimeString

var date = new Date();
        // var res = date.toLocaleString();
        // var res = date.toLocaleDateString();
        var res = date.toLocaleTimeString();
        console.log(res);
           

（四）、toString方法

作用：将日期時間對象轉換為字元串，包含日期和時間

格式：日期時間對象.toString();

var date = new Date();
        // var res = date.toLocaleString();
        // var res = date.toLocaleDateString();
        // var res = date.toLocaleTimeString();

        var res = date.toString()
        console.log(res);
           

（五）、toDateString方法

作用：将日期時間對象轉換為字元串，隻有日期，沒有時間

格式：日期時間對象.toDateString

（六）、toTimeString方法

作用：将日期時間對象轉換為字元串，隻有時間，沒有日期

格式：日期時間對象.toTimeString();

var res = date.toTimeString();
        var res = date.toDateString();
        console.log(res);
           

三、日期時間對象的比較

日期時間對象的比較

• 方式一：可以将兩個日期時間對象之間做差，結果為兩個日期時間所差的毫秒值

<script>
        var date1 = new Date('2020-1-1 10:10:10');
        var date2 = new Date('2020-1-2 10:10:10');
        console.log(date2 - date1);
    </script>
           

• 方式二：先擷取兩個日期距離1970年1月1日的毫秒值，然後将毫秒值做差

var date1 = new Date('2020-1-1 10:10:10');
        var date2 = new Date('2020-1-2 10:10:10');
        var time1 = date1.getTime();
        console.log(time1);
        var time2 = date2.getTime();
        console.log(time2);
        console.log(date2 - date1);