javascript日期字符串-JavaScript 日期格式化 - 如何在 JS 中低格式日期

2023-08-26 0 7,289 百度已收录

原来的:

JavaScript 是开发网站或 Web 应用程序时将使用的三种基本 Web 技术之一。

创建网页时,在某些时候,您可能需要使用日期进行某种激励——例如,显示单个内容的上传时间、存储时间等。

在本文中,您将学习如何在 JavaScript 中设置日期格式,并了解如何使用流行的 JavaScript 日期库 moment.js 来执行此操作。

如何在javascript中获取日期

在 JavaScript 中,您可以使用 new Date() 或 Date() 构造函数来获取日期(当前日期或特定日期)。

new Date() 构造函数返回一个新的 Date 对象,而 Date() 构造函数返回当前日期和时间的字符串表示形式。

let stringDate = Date();
console.log(stringDate); // "Tue Aug 23 2022 14:47:12 GMT-0700 (Pacific Daylight Time)"
let objectDate = new Date();
console.log(objectDate); // Tue Aug 23 2022 14:47:12 GMT-0700 (Pacific Daylight Time)

这些完整格式的日期包括日、月、年、分、小时等。

您主要关心的是如何解析此类日期值以以可读格式返回日期,您可以将其嵌入到网页中供所有人理解。

如何在 JavaScript 中低格式日期

日期格式取决于您的需要。 在某些国家/地区,月份在日期之前,后面是年份 (06/22/2022); 在其他情况下,日期在月份之前,然后是年份 (22/06/2022)...

无论采用哪种格式,您都需要分解日期对象值并获取网页所需的信息。

这可以通过 JavaScript 日期方法实现。 这些技术有很多,但由于您只关心本文中的日期,因此您只需要其中三个:

注意:这些技巧只能与 new Date() 构造函数一起使用,该构造函数返回一个 Date 对象。

let objectDate = new Date();
let day = objectDate.getDate();
console.log(day); // 23
let month = objectDate.getMonth();
console.log(month + 1); // 8
let year = objectDate.getFullYear();
console.log(year); // 2022

您会注意到内部的月份值添加了 1。 这是因为该月份的索引为 0,并且值从 0 开始。这意味着 1 月的索引是 7,而不是 8。

至此,您已经可以从日期对象中提取所有日期值。 您现在可以按照您想要的任何格式组织它们:

let format1 = month + "/" + day + "/" + year;
console.log(format1); // 7/23/2022
let format2 = day + "/" + month + "/" + year;
console.log(format2); // 23/7/2022
let format3 = month + "-" + day + "-" + year;
console.log(format3); // 7-23-2022
let format4 = day + "-" + month + "-" + year;
console.log(format4); // 23-7-2022

在内部,您使用减号运算符连接这些值。 您还可以使用模板文字连接它们:

let format1 = `${month}/${day}/${year}`;
console.log(format1); // 7/23/2022
let format2 = `${day}/${month}/${year}`;
console.log(format2); // 23/7/2022
let format3 = `${month}-${day}-${year}`;
console.log(format3); // 7-23-2022
let format4 = `${day}-${month}-${year}`;
console.log(format4); // 23-7-2022

现在,您已经了解了降级日期的可能方法。

另一种情况可能是,如果月份和日期值是单个数字(从 1 到 9),您希望它后面跟有 0。 为此javascript日期字符串,您需要在最低日期之前添加一个条件来处理此问题:

if (day < 10) {
    day = '0' + day;
}
if (month < 10) {
    month = `0${month}`;
}
let format1 = `${month}/${day}/${year}`;
console.log(format1); // 07/23/2022

对在 JavaScript 中格式化日期的其他方法感兴趣吗? 请看我的文章“”。

如何使用 Moment.js 在 JavaScript 中低日期日期

Moment.js 是一个 JavaScript 日期和时间库,您可以使用它快速格式化日期,而无需处理太多代码逻辑行。

要使用此库,您必须使用文档中的任何首选选项将该包安装到您的项目中。

对于本手册,您只关心使用 Moment.js 格式化日期:

let date = moment().format();
console.log(date); // 2022-08-23T16:50:22-07:00

要解压缩此日期/时间值,您所要做的就是输入您喜欢的格式,它将返回解压缩的日期,如下所示:

let dateFormat1 = moment().format('D-MM-YYYY');
console.log(dateFormat1); // 23-08-2022
let dateFormat2 = moment().format('D/MM/YYYY');
console.log(dateFormat2); // 23/08/2022
let dateFormat3 = moment().format('MM-D-YYYY');
console.log(dateFormat3); // 08-23-2022
let dateFormat4 = moment().format('MM/D/YYYY');
console.log(dateFormat4); // 08/23/2022

概括

本文介绍了如何从头开始或使用 moment.js 库在 JavaScript 中设置日期格式。

在大型项目中使用库时要小心,因为库会减小项目的大小。 这是因为此类库努力处理更多操作。 但要使用任何最少的操作,您始终必须安装整个库。

我建议从头开始做一些简单的事情——也就是说,除非您被迫使用该库javascript日期字符串,或者它已经安装,或者您正在处理一个需要一些复杂格式的小项目。

快乐编程!

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悟空资源网 javascript javascript日期字符串-JavaScript 日期格式化 - 如何在 JS 中低格式日期 https://www.wkzy.net/game/157679.html

常见问题

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务