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);