如何在 JavaScript 中更改日期格式

日期对于用户交互表单、表格和数据库来说是一项基本功能。我们可以根据用户的需求以不同的格式处理日期。用户主要使用以下日期格式来显示日期。

• dd/mm/yyyy 格式
• mm/dd/yyyy 格式
• yyyy/dd/mm 格式
• dd/month_name /yyyy 格式

转换日期格式的方法

以下方法可以将日期格式转换为易读的格式。

1. 使用 new Date() 方法和模式
2. 使用带模式的 split 方法
3. 使用带数组函数的 split 方法

1. 使用 new date() 方法和正则表达式模式。

JavaScript 使用 date 方法来正确获取日期格式。我们可以获取日期的月份、日期和年份参数。这些日期参数会根据日期格式以条件的模式显示。

示例

以下示例显示了从输入日期获取所需日期格式的方法。我们可以使用 JavaScript 的方法、函数和工具来实现各种日期格式。

示例 1

以下示例使用 JavaScript 显示基本的 dd/mm/yyyy 日期格式。

输出

输出显示了日期格式。

示例 2

以下示例使用 JavaScript 显示基本的 yyyy/mm/dd 日期格式。

输出

输出显示了日期格式。

2. 使用带模式的 Split() 方法。

JavaScript 使用 split 方法来分割输入的日期字符串。split 方法会创建日期月份、日期和年份参数的数组变量。这些日期参数会根据日期格式以正则表达式模式显示。

示例

以下示例显示了从输入日期获取所需日期格式的方法。我们可以获取用户友好或用户所需的日期格式。

示例 1

以下示例使用 JavaScript 显示基本的 mm/dd/yyyy 日期格式。日期会根据条件模式显示。如果日期或月份的数字是 1-9，则日期显示为 01-09；否则，则直接显示日期。

输出

输出显示了日期格式。

示例 2

以下示例使用 JavaScript 显示基本的 yyyy-mm-dd 日期格式。我们可以对 1-9 的日期或月份数字使用条件。

输出

输出显示了日期格式。

示例 3

split 方法会创建一个包含日期、月份和年份的数组变量。我们可以重新排列这些数组变量，并以日期格式显示它们。

输出

输出显示了日期格式。

3. 使用带数组函数的 split() 方法。

JavaScript 使用 split 方法来分割输入的日期字符串。split 方法会创建日期月份、日期和年份参数的数组。第二个数组用于显示月份数字对应的月份名称。这些日期参数会根据日期格式以正则表达式模式显示。

示例

以下示例显示了从输入日期获取所需日期格式的方法。我们可以获取用户友好或用户所需的日期格式。

输出

输出显示了日期格式。

结论

日期格式对于用户交互功能是必需的。我们可以使用表单、表格或任何其他功能以所需的格式显示数据。开发者有三种简单易行的方法来更改日期格式。