JS 如何格式化日期

在JavaScript中格式化日期通常可以通过以下几种方法来实现：

1. 使用 Date 对象的内置方法

JavaScript中的Date对象带有几个方法可以用来获取日期和时间的不同部分（例如年、月、日、时、分、秒），然后你可以将这些部分拼接成任何你需要的格式。

javascript
const date = new Date();

const year = date.getFullYear();
const month = (date.getMonth() + 1).toString().padStart(2, '0');
const day = date.getDate().toString().padStart(2, '0');

const formattedDate = `${year}-${month}-${day}`;
console.log(formattedDate); // 输出格式如: "2023-03-10"

2. 使用第三方库

很多开发者为了简便会选择使用像 Moment.js 或 date-fns 这样的第三方库来处理日期和时间。这些库提供了简单的API来格式化日期。

使用 Moment.js

javascript
const moment = require('moment');

const formattedDate = moment().format('YYYY-MM-DD');
console.log(formattedDate); // 输出格式如: "2023-03-10"

使用 date-fns

javascript
const { format } = require('date-fns');

const formattedDate = format(new Date(), 'yyyy-MM-dd');
console.log(formattedDate); // 输出格式如: "2023-03-10"

3. 使用国际化API Intl.DateTimeFormat

ES6引入了一个国际化API Intl，它有一个DateTimeFormat对象可以用来格式化日期。

javascript
const date = new Date();
const formatter = new Intl.DateTimeFormat('en-US', {
  year: 'numeric',
  month: '2-digit',
  day: '2-digit',
});
const formattedDate = formatter.format(date);
console.log(formattedDate); // 输出格式如: "03/10/2023"

上面的例子演示了如何使用Intl.DateTimeFormat来按照美式格式（月/日/年）来格式化日期。这个API的优势在于它支持本地化，你可以很容易地按照不同地区的习惯来格式化日期。

示例

假设我们要格式化一个日期，要求输出格式为dd/MM/yyyy HH:mm:ss，我们可以这样做：

javascript
const date = new Date();

const day = date.getDate().toString().padStart(2, '0');
const month = (date.getMonth() + 1).toString().padStart(2, '0');
const year = date.getFullYear();
const hours = date.getHours().toString().padStart(2, '0');
const minutes = date.getMinutes().toString().padStart(2, '0');
const seconds = date.getSeconds().toString().padStart(2, '0');

const formattedDate = `${day}/${month}/${year} ${hours}:${minutes}:${seconds}`;
console.log(formattedDate); // 输出格式如: "10/03/2023 14:20:30"

在选择哪种方法时，你要根据具体需要（例如是否需要本地化，是否希望引入额外的库等）来决定。对于简单的需求，内置的Date方法可能就足够了。而对于更复杂或特定格式的需求，则可能需要使用第三方库或Intl对象来简化代码。

如果您需要对格式的控制比当前接受的答案稍微少一些，Date#toLocaleDateString则可用于创建标准的特定于区域设置的渲染。和参数让应用程序指定应使用其格式约定的语言，并允许对呈现进行一些自定义locale。options

选项关键示例：

1. day：
   表示当天的情况。
   可能的值为“数字”、“2 位数字”。
2. weekday：
   工作日的表示。
   可能的值为“窄”、“短”、“长”。
3. 年：
   年份的表示。
   可能的值为“数字”、“2 位数字”。
4. Month：
   月份的表示。
   可能的值为“数字”、“2 位数字”、“窄”、“短”、“长”。
5. hour：
   小时的表​​示。
   可能的值为“数字”、“2 位数字”。
6. 分钟： 分钟的表示。
   可能的值为“数字”、“2 位数字”。
7. 第二：
   第二个的表示。
   可能的值为“数字”、“2 位数字”。
8. hour12：
   时间格式的表示。
   接受布尔值 true 或 false

所有这些键都是可选的。您可以根据您的要求更改选项值的数量，这也将反映每个日期时间术语的存在。

注意：如果您只想配置内容选项，但仍使用当前区域设置，则传递null第一个参数将导致错误。undefined代替使用。

对于不同的语言：

1. **“en-US”：**美式英语
2. **“en-GB”：**英式英语
3. **“hi-IN”：**印地语
4. **“ja-JP”：**日语

您可以使用更多语言选项。

例如

shell
var options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' };
var today  = new Date();

console.log(today.toLocaleDateString("en-US")); // 9/17/2016
console.log(today.toLocaleDateString("en-US", options)); // Saturday, September 17, 2016
console.log(today.toLocaleDateString("hi-IN", options)); // शनिवार, 17 सितंबर 2016

运行代码片段Hide results

展开片段

您也可以使用该toLocaleString()方法来达到相同的目的。唯一的区别是这个函数提供了当你不传递任何选项时的时间。

shell
// Example
9/17/2016, 1:21:34 PM

参考：

• toLocaleString()

• toLocaleDateString()

如果您需要使用纯 JavaScript 快速设置日期格式，请使用getDate、getMonth + 1、getFullYear和：getHours``getMinutes

shell
var d = new Date();

var datestring = d.getDate()  + "-" + (d.getMonth()+1) + "-" + d.getFullYear() + " " +
d.getHours() + ":" + d.getMinutes();

// 16-5-2015 9:50

或者，如果您需要用零填充：

shell
var datestring = ("0" + d.getDate()).slice(-2) + "-" + ("0"+(d.getMonth()+1)).slice(-2) + "-" +
    d.getFullYear() + " " + ("0" + d.getHours()).slice(-2) + ":" + ("0" + d.getMinutes()).slice(-2);

// 16-05-2015 09:50

使用date.format 库：

shell
var dateFormat = require('dateformat');
var now = new Date();
dateFormat(now, "dddd, mmmm dS, yyyy, h:MM:ss TT");

返回：

shell
Saturday, June 9th, 2007, 5:46:21 PM 

npm 上的日期格式

http://jsfiddle.net/phZr7/1/