js基本使用(二)--日期Date使用

最新推荐文章于 2024-04-11 18:34:44 发布

qq_39355295

最新推荐文章于 2024-04-11 18:34:44 发布

阅读量189

点赞数

分类专栏： Javascript

本文链接：https://blog.csdn.net/qq_39355295/article/details/102712014

版权

Javascript 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

在日常开发中，我们经常能看到关于日期的使用，所以对于前端开发人员，掌握日期的表示至关重要。
备注：仅仅掌握日期的使用还不行，我们还要定义自己的日期设置格式，符合自己开发的需求才行。

一、介绍

默认情况下，JavaScript 将使用浏览器的时区并将日期显示为全文本字符串：

Tue Apr 02 2019 09:01:19 GMT+0800 (中国标准时间)

二、创建 Date 对象

js提供四种创建对象：
1、new Date()
2、new Date(year, month, day, hours, minutes, seconds, milliseconds)
3、new Date(milliseconds)
4、new Date(date string)
举例：

<body>
    <script>
     var d=new Date()//第一种
     console.log(d)
     var d2=new Date(2019,10,1)//第二种
     console.log(d2)
     var d3=new Date(1000)//第三种
     console.log(d3)
     var d4 = new Date("December 25, 2019 12:46:00");//第四种
     console.log(d4)
    </script>
</body>

输出结果：

Wed Oct 23 2019 22:06:50 GMT+0800 (中国标准时间)
Fri Nov 01 2019 00:00:00 GMT+0800 (中国标准时间)
Thu Jan 01 1970 08:00:01 GMT+0800 (中国标准时间)
Wed Dec 25 2019 12:46:00 GMT+0800 (中国标准时间)

二、日期格式化

四种 JavaScript 日期输入格式：
在这里插入图片描述
代码如下：

<script>
        var d = new Date("2019-05-02");
        console.log(d)
        var d2 = new Date("05/26/2019");
        console.log(d2)
        var d3 = new Date("Mar 26 2019");
        console.log(d3)
        var d4 = new Date("Mon Feb 19 2018 06:55:23");
        console.log(d4)
    </script>

输出结果：

Thu May 02 2019 08:00:00 GMT+0800 (中国标准时间)
Sun May 26 2019 00:00:00 GMT+0800 (中国标准时间)
Tue Mar 26 2019 00:00:00 GMT+0800 (中国标准时间)
Mon Feb 19 2018 06:55:23 GMT+0800 (中国标准时间)

三、获取日期方法

日期方法允许您获取并设置日期值（年、月、日、时、分、秒、毫秒）
在这里插入图片描述

<script>
        var d=new Date()
        console.log("年"+d.getFullYear())//2019
        console.log("月"+ d.getMonth())//9
        console.log("日"+d.getDate())//23
        console.log("时"+d.getHours())//22
        console.log("分"+d.getMinutes())//27
        console.log("秒"+d.getSeconds())//
        console.log(d.getTime())
        console.log(d.getDay())//3
    </script>

输出结果：

年2019
月9
日23
时22
分29
秒1
1571840941194
周：3

一般获得和自己平时看到的是一致的，注意月份就行，一般月份输出的比自己看到的小1，因为月份是0-11范围内。

设置日期方法

设置方法用于设置日期的某个部分。下面是最常用的方法。
在这里插入图片描述

<body>
    <script>
        var d = new Date();
        d.setFullYear(2020)
        d.setMonth(2)//3
        d.setDate(2)
        d.setHours(2)
        d.setMinutes(3)
        d.setSeconds(4)
        console.log(d)
        // Mon 3月 2号 2020年 2点3分4秒
        var d2=new Date()
        d2.setTime(1000)//设置距离19700101年多了1000秒，
        console.log(d2)
    </script>
</body>

输出结果：

Mon Mar 02 2020 02:03:04 GMT+0800 (中国标准时间)
Thu Jan 01 1970 08:00:01 GMT+0800 (中国标准时间)

qq_39355295

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js基本使用(二)--日期Date使用

在日常开发中，我们经常能看到关于日期的使用，所以对于前端开发人员，掌握日期的表示至关重要。备注：仅仅掌握日期的使用还不行，我们还要定义自己的日期设置格式，符合自己开发的需求才行。一、介绍默认情况下，JavaScript 将使用浏览器的时区并将日期显示为全文本字符串：Tue Apr 02 2019 09:01:19 GMT+0800 (中国标准时间)二、创建 Date 对象js提供四种...
复制链接

扫一扫