用你的方式化解JavaScript日期挑战：权威指南

2024-02-01 18:53:30

JavaScript 日期处理之痛，深入灵魂。

身处技术领域，我们总要和时间打交道。而日期处理，可能是众多开发者头疼的问题之一。变量类型涵盖整形、浮点型、布尔型、字符串型、数组型以及对象型，唯有时间难以归类。虽然看似它就是一个字符串变量，然而日期格式的变化多端，如：2023/04/10、2023-04-10、2023年04月10日。如何针对日期的需求进行整理和格式化，足够令人抓狂。

终于，万能的JavaScript带来了一线生机，提供了功能强大的对象Date，面向日期处理工作。而在谈到Date对象之前，务必说明下：本文的讨论重点是，抛开第三方库带来的便利，仅使用原生JavaScript解决日期处理问题。

Date对象，时光刻度。

Date对象是JavaScript中表示日期和时间的内置构造函数。你可以通过new Date()创建一个新的Date对象，也可以通过Date.now()获取当前时间戳。Date对象包含了许多属性和方法，用于获取和操作日期和时间。

常见属性 ：

Date.now()：当前时间戳
Date.parse()：解析日期字符串并返回时间戳
Date.UTC()：创建一个UTC日期对象
Date.prototype.getFullYear()：获取年份
Date.prototype.getMonth()：获取月份
Date.prototype.getDate()：获取日期
Date.prototype.getDay()：获取星期几
Date.prototype.getHours()：获取小时
Date.prototype.getMinutes()：获取分钟
Date.prototype.getSeconds()：获取秒
Date.prototype.getMilliseconds()：获取毫秒

常见方法 ：

Date.prototype.setFullYear()：设置年份
Date.prototype.setMonth()：设置月份
Date.prototype.setDate()：设置日期
Date.prototype.setHours()：设置小时
Date.prototype.setMinutes()：设置分钟
Date.prototype.setSeconds()：设置秒
Date.prototype.setMilliseconds()：设置毫秒
Date.prototype.getTime()：获取时间戳
Date.prototype.toLocaleString()：返回本地化的日期字符串
Date.prototype.toString()：返回日期字符串
Date.prototype.valueOf()：返回时间戳

铸剑为犁，格式化的艺术。

在JavaScript中，日期对象可以以多种格式显示。你可以使用Date对象的toLocaleString()方法，获取本地化的日期字符串，或者使用Date对象的toString()方法，获取标准的日期字符串。

标准日期格式

默认情况下，Date对象的toString()方法会返回一个字符串，格式如下：

"Sat Apr 15 2023 11:19:45 GMT+0800 (中国标准时间)"

这个字符串包括了日期、时间、时区和本地化信息。

本地化日期格式

Date对象的toLocaleString()方法会根据浏览器的语言和区域设置，返回一个本地化的日期字符串。例如，如果浏览器的语言设置为英语，区域设置为美国，那么toLocaleString()方法会返回一个类似于以下格式的字符串：

"Sat, Apr 15, 2023 11:19:45 AM"

自定义日期格式

除了使用toLocaleString()和toString()方法，你还可以使用一些第三方库或自己编写代码，来自定义日期格式。例如，你可以使用Moment.js库，来格式化日期字符串。

算子四射，操作空间。

Date对象提供了许多方法来操作日期和时间。你可以使用这些方法来添加、减去天数、月份和年份，或者比较两个日期。

操作方法

Date.prototype.setDate()：设置日期
Date.prototype.setMonth()：设置月份
Date.prototype.setFullYear()：设置年份
Date.prototype.setHours()：设置小时
Date.prototype.setMinutes()：设置分钟
Date.prototype.setSeconds()：设置秒
Date.prototype.setMilliseconds()：设置毫秒
Date.prototype.getDate()：获取日期
Date.prototype.getMonth()：获取月份
Date.prototype.getFullYear()：获取年份
Date.prototype.getHours()：获取小时
Date.prototype.getMinutes()：获取分钟
Date.prototype.getSeconds()：获取秒
Date.prototype.getMilliseconds()：获取毫秒
Date.prototype.getTime()：获取时间戳

// 创建一个Date对象
const date = new Date();

// 获取年份
const year = date.getFullYear();

// 获取月份
const month = date.getMonth();

// 获取日期
const day = date.getDate();

// 获取小时
const hours = date.getHours();

// 获取分钟
const minutes = date.getMinutes();

// 获取秒
const seconds = date.getSeconds();

// 获取毫秒
const milliseconds = date.getMilliseconds();

// 获取时间戳
const timestamp = date.getTime();