JavaScript学习笔记（四）

原创

已于 2024-06-25 15:59:53 修改 · 1k 阅读

13 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #学习 #笔记

于 2024-06-25 15:58:42 首次发布

22、日期

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

   var data = new Date();

输出：Tue Jun 25 2024 14:45:44 GMT+0800 (中国标准时间)

22.1 创建 Date 对象

Date 对象由新的 Date() 构造函数创建。

有 4 种方法创建新的日期对象：

new Date()
new Date(year, month, day, hours, minutes, seconds, milliseconds)
new Date(milliseconds)
new Date(date string)

22.1.1 new Date()

   var data = new Date();

输出：Tue Jun 25 2024 14:45:44 GMT+0800 (中国标准时间)

22.1.2 new Date(year, month, …)

new Date(year, month, ...) 用指定日期和时间创建新的日期对象。
7个数字分别指定年、月、日、小时、分钟、秒和毫秒（按此顺序）
JavaScript 从 0 到 11 计算月份。一月是 0。十二月是11。

示例：6个数字指定年、月、日、小时、分钟、秒：
（5个数字指定年、月、日、小时和分钟，4个数字指定年、月、日和小时，3 个数字指定年、月和日，2个数字指定年份和月份，不能省略月份。如果只提供一个参数，则将其视为毫秒）

 <body>
    <p><span id="demo"></span></p>
    <script>
      var data = new Date(2024, 6, 25,11,30,54,55);
      document.getElementById("demo").innerHTML = data;
    </script>
  </body>

输出:Thu Jul 25 2024 11:30:54 GMT+0800 (中国标准时间)

22.1.3 new Date(dateString)

new Date(dateString) 从日期字符串创建一个新的日期对象

var d = new Date("October 13, 2014 11:13:00");

输出：Wed Dec 25 2019 12:46:00 GMT+0800 (中国标准时间)

22.1.4 new Date(milliseconds)

new Date(milliseconds) 创建一个零时加毫秒的新日期对象

var d = new Date(0);

输出：Thu Jan 01 1970 08:00:00 GMT+0800 (中国标准时间)

22.2 显示日期

d = new Date();

（1）在 HTML 中显示日期对象时，会使用 toString() 方法自动转换为字符串。

document.getElementById("demo").innerHTML = d.toString();

输出：Tue Jun 25 2024 14:59:45 GMT+0800 (中国标准时间)

（2）toUTCString() 方法将日期转换为 UTC 字符串（一种日期显示标准）。

document.getElementById("demo").innerHTML = d.toUTCString();

输出：Tue, 25 Jun 2024 07:00:36 GMT

（3）toDateString() 方法将日期转换为更易读的格式：

document.getElementById("demo").innerHTML = d.toDateString();

输出：Tue Jun 25 2024

22.3 JavaScript 日期格式

有四种 JavaScript 日期输入格式：
在这里插入图片描述

22.2.1 JavaScript ISO 日期

(1) 完整的日期加时、分和秒

用大写字母 T 分隔日期和时间。
用大写字母 Z 标识 UTC 时间。

 var d = new Date("2018-02-19T12:00:00");

输出：Thu May 02 2019 20:00:00 GMT+0800 (中国标准时间)

（2）完整日期

 var d = new Date("2018-02-19");

输出：Thu May 02 2019 08:00:00 GMT+0800 (中国标准时间)

（3）年和月

写日期也可以不规定具体某日 (YYYY-MM)

var d = new Date("2015-03");

输出：Wed May 01 2019 08:00:00 GMT+0800 (中国标准时间)

（4）只有年

最低0.47元/天解锁文章