初识JavaScript第十一节

本文详细介绍了JavaScript中日期的四种输入格式:ISO、短日期、长日期和完整日期,并展示了如何处理ISO日期,包括年、月、日、时、分和秒。还讨论了JavaScript默认的日期输出格式以及时区的影响。同时警告了在处理日期时可能遇到的浏览器兼容性问题。最后,提到了JavaScript如何处理不同格式的短日期、长日期和完整日期。
摘要由CSDN通过智能技术生成

❤️愿你以渺小启程,以伟大结束。❤️

JavaScript 日期格式

  JavaScript的日期输入格式有四种

类型实例
ISO日期“2018-02-19” (国际标准)
短日期“02/19/2018” 或 “2018/02/19”
长日期“Feb 19 2018” 或 “19 Feb 2019”
完整日期“Monday February 25 2015”

ISO 格式遵守 JavaScript 中的严格标准。

JavaScript 日期输出

  无论输入格式如何,JavaScript 默认将输出全文本字符串格式。

Mon May 30 2022 08:00:00 GMT+0800 (中国标准时间)

JavaScript ISO 日期

  ISO 8601 是表现日期和时间的国际标准。
ISO 8601 语法 (YYYY-MM-DD) 也是首选的 JavaScript 日期格式。

实例(完整日期)

var d = new Date("2022-05-30");
document.getElementById("jg").innerHTML = d;

输出结果

Mon May 30 2022 08:00:00 GMT+0800 (中国标准时间)
// 输出结果为指定时间的全文本字符串格式

ISO 日期(年和月)

  写日期也可以不具体到某日 (YYYY-MM)。

实例

var d = new Date("2022-05"); 
document.getElementById("jg").innerHTML = d;

输出结果

Sun May 01 2022 08:00:00 GMT+0800 (中国标准时间)
// 输出结果为指定月份的日期

ISO 日期(只有年)

  写日期也可以不具体到月和日 (YYYY)。

实例

var d = new Date("2022");
document.getElementById("jg").innerHTML = d;

输出结果

Sat Jan 01 2022 08:00:00 GMT+0800 (中国标准时间)
// 输出结果为指定年份的日期

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

  写日期也可以添加到小时、分钟和秒 (YYYY-MM-DDTHH:MM:SS),使用大写字母T分割日期和时间,大写字母Z标识UTC时间,如果你希望修改UTC时间请将Z替换成 +HH:MM / -HH:MM。

实例

var d = new Date("2022-05-31T09:15:33+08:00");
document.getElementById("jg").innerHTML = d;

输出结果

Tue May 31 2022 09:15:33 GMT+0800 (中国标准时间)
// 获取时间为指定的中国标准时间

注释:UTC(Universal Time Coordinated)等同于 GMT(格林威治时间)。
   UTC,协调世界时,又称世界统一时间,世界标准时间,国际协调时间。
   在日期-时间字符串中省略 T 或 Z,在不同浏览器中会产生不同结果。

时区

  在设置日期时,如果不指定时区,则JS会使用浏览器的时区。
在获取日期,如果不指定时区,结果也会转换为浏览器时区。

JavaScript 短日期

  短日期一般使用 “MM/DD/YYYY” 的语法。

实例

var d = new Date("05/31/2022");
document.getElementById("jg").innerHTML = d;

输出结果

Tue May 31 2022 00:00:00 GMT+0800 (中国标准时间)
// 输出结果为指定的日期短格式获取到的结果

警告

  在某些浏览器中,不带前导零的月或其会产生错误。

示例

var d = new Date("2022-5-19");

  “YYYY / MM / DD”的行为没有进行定义。
有些浏览器会尝试猜测格式。有些会返回 NaN

示例

var d = new Date("2022/05/19");

  “DD-MM-YYYY”的行为也是没有进行定义的。
有些浏览器会尝试猜测格式。有些会返回 NaN

示例

var d = new Date("19-05-2022");

JavaScript 长日期

  长日期一般都会以 “MMM DD YYYY” 的语法来写。

实例

var d = new Date("May 31 2022");
document.getElementById("jg").innerHTML = d;

输出结果

Tue May 31 2022 00:00:00 GMT+0800 (中国标准时间)
// 输出结果为指定的长格式日期的输出结果

  月和天能够以任意顺序出现。

示例

var d = new Date("31 May 2022");

  并且,月份可以使用全称 (January) 或缩写 (Jan) 来使用。

示例

var d = new Date("October 19 2021");
var d = new Date("Oct 19 2021");

  逗号会被自动忽略,而且不区分大小写

示例

var d = new Date("MAY, 31, 2022");

JavaScript 完整日期

  JavaScript 接受“完整 JavaScript 格式”的日期字符串。

实例

var d = new Date("Tue May 31 2022 09:30:23 GMT+0800 (W. Europe Standard Time)");
document.getElementById("jg").innerHTML = d;

输出结果

Tue May 31 2022 09:30:23 GMT+0800 (中国标准时间)
// 获取到的时间为指定完整日期的输出结果

  JavaScript 会忽略日期名称和时间括号中的错误。

实例

var d = new Date("Tue May 31 2022 09:23:24 GMT+0800 (Tokyo Time)");
document.getElementById("demo").innerHTML = d;

输出结果:

Tue May 31 2022 09:23:24 GMT+0800 (中国标准时间)
// 输出结果为获取到的结果,自动忽略括号内的错误

第十一节到这里就结束了

我们将会在下一节接触到日期获取方法

In fact, we all know that those difficult things are often the things we should do.
其实我们都清楚,那些难做的事往往就是我们该做的事
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值