js怎么获取当前日期 格式化

获取当前日期并格式化是前端开发中常见的需求。可以使用原生JavaScript或借助库如Moment.js来实现。使用JavaScript获取当前日期、格式化日期的方法有多种，如Date对象、Intl.DateTimeFormat和第三方库。以下是一些方法：使用Date对象、使用Intl.DateTimeFormat对象、使用第三方库（如Moment.js）。

其中，使用Date对象是最基础也是最常用的方法。 Date对象提供了丰富的日期处理方法，可以方便地获取当前日期和时间，并进行各种格式化操作。以下是详细描述：

使用Date对象获取当前日期和时间

let now = new Date();

将日期转换为特定格式

let year = now.getFullYear();

let month = ('0' + (now.getMonth() + 1)).slice(-2);
let day = ('0' + now.getDate()).slice(-2);
let formattedDate = `${year}-${month}-${day}`;
console.log(formattedDate); // 输出格式为 YYYY-MM-DD

Date对象还可以获取当前时间

let hours = ('0' + now.getHours()).slice(-2);

let minutes = ('0' + now.getMinutes()).slice(-2);
let seconds = ('0' + now.getSeconds()).slice(-2);
let formattedTime = `${hours}:${minutes}:${seconds}`;
console.log(formattedTime); // 输出格式为 HH:MM:SS

使用Intl.DateTimeFormat对象进行格式化

let options = { year: 'numeric', month: '2-digit', day: '2-digit' };

let formattedDateIntl = new Intl.DateTimeFormat('en-GB', options).format(now);
console.log(formattedDateIntl); // 输出格式为 DD/MM/YYYY

使用第三方库（如Moment.js）

let moment = require('moment');

let formattedDateMoment = moment().format('YYYY-MM-DD');
console.log(formattedDateMoment);

一、使用Date对象获取和格式化日期

Date对象是JavaScript中处理日期和时间的主要工具。以下是如何使用Date对象获取当前日期并将其格式化为不同的格式。

1. 获取当前日期

let now = new Date();

Date对象的构造函数会返回当前的日期和时间。

2. 格式化日期为YYYY-MM-DD

let year = now.getFullYear();

let month = ('0' + (now.getMonth() + 1)).slice(-2);
let day = ('0' + now.getDate()).slice(-2);
let formattedDate = `${year}-${month}-${day}`;
console.log(formattedDate);

上述代码中，通过getFullYear()获取年份，通过getMonth()获取月份（注意月份从0开始，所以需要加1），通过getDate()获取日期。使用slice(-2)确保月份和日期始终为两位数。

3. 格式化日期为DD/MM/YYYY

let formattedDateUK = `${day}/${month}/${year}`;

console.log(formattedDateUK);

通过改变字符串的拼接顺序，可以轻松实现不同的格式。

二、使用Intl.DateTimeFormat对象

Intl.DateTimeFormat对象提供了一种国际化的方式来格式化日期和时间。

1. 创建Intl.DateTimeFormat对象

let options = { year: 'numeric', month: '2-digit', day: '2-digit' };

let formatter = new Intl.DateTimeFormat('en-GB', options);

这里，我们创建了一个带有格式化选项的Intl.DateTimeFormat对象，其中包括年份、月份和日期。

2. 格式化当前日期

let formattedDateIntl = formatter.format(now);

console.log(formattedDateIntl); // 输出格式为 DD/MM/YYYY

使用format方法将当前日期格式化为指定格式。

三、使用第三方库Moment.js

Moment.js是一个流行的JavaScript日期处理库，简化了日期和时间的操作。

1. 安装Moment.js

在项目中使用Moment.js之前，需要先安装它。

npm install moment

2. 使用Moment.js获取和格式化日期

let moment = require('moment');

let formattedDateMoment = moment().format('YYYY-MM-DD');
console.log(formattedDateMoment);

Moment.js提供了简单直观的API来获取和格式化日期，不需要手动处理日期、月份等细节。

四、处理时间和日期组合

有时，我们需要同时处理日期和时间。以下是一些常见的格式化方法。

1. 获取当前时间

let hours = ('0' + now.getHours()).slice(-2);

let minutes = ('0' + now.getMinutes()).slice(-2);
let seconds = ('0' + now.getSeconds()).slice(-2);
let formattedTime = `${hours}:${minutes}:${seconds}`;
console.log(formattedTime);

2. 格式化日期和时间为YYYY-MM-DD HH:MM:SS

let formattedDateTime = `${formattedDate} ${formattedTime}`;

console.log(formattedDateTime);

五、其他日期和时间操作

除了获取和格式化日期，JavaScript还提供了许多其他日期和时间操作，例如日期加减、比较日期等。

1. 日期加减

let tomorrow = new Date(now);

tomorrow.setDate(now.getDate() + 1);
let formattedTomorrow = `${tomorrow.getFullYear()}-${('0' + (tomorrow.getMonth() + 1)).slice(-2)}-${('0' + tomorrow.getDate()).slice(-2)}`;
console.log(formattedTomorrow); // 输出明天的日期

2. 比较日期

let date1 = new Date('2023-01-01');

let date2 = new Date('2023-12-31');
if (date1 < date2) {
  console.log('date1 is earlier than date2');
} else {
  console.log('date1 is later than or equal to date2');
}

六、综合示例

以下是一个综合示例，展示如何使用上述方法获取、格式化和操作日期和时间。

let now = new Date();

// 获取当前日期和时间
let year = now.getFullYear();
let month = ('0' + (now.getMonth() + 1)).slice(-2);
let day = ('0' + now.getDate()).slice(-2);
let hours = ('0' + now.getHours()).slice(-2);
let minutes = ('0' + now.getMinutes()).slice(-2);
let seconds = ('0' + now.getSeconds()).slice(-2);
// 格式化日期和时间
let formattedDate = `${year}-${month}-${day}`;
let formattedTime = `${hours}:${minutes}:${seconds}`;
let formattedDateTime = `${formattedDate} ${formattedTime}`;
console.log(`Current Date: ${formattedDate}`);
console.log(`Current Time: ${formattedTime}`);
console.log(`Current DateTime: ${formattedDateTime}`);
// 使用Intl.DateTimeFormat格式化日期
let options = { year: 'numeric', month: '2-digit', day: '2-digit' };
let formattedDateIntl = new Intl.DateTimeFormat('en-GB', options).format(now);
console.log(`Formatted Date (Intl): ${formattedDateIntl}`);
// 使用Moment.js格式化日期
let moment = require('moment');
let formattedDateMoment = moment().format('YYYY-MM-DD');
console.log(`Formatted Date (Moment.js): ${formattedDateMoment}`);
// 日期加减
let tomorrow = new Date(now);
tomorrow.setDate(now.getDate() + 1);
let formattedTomorrow = `${tomorrow.getFullYear()}-${('0' + (tomorrow.getMonth() + 1)).slice(-2)}-${('0' + tomorrow.getDate()).slice(-2)}`;
console.log(`Tomorrow's Date: ${formattedTomorrow}`);
// 比较日期
let date1 = new Date('2023-01-01');
let date2 = new Date('2023-12-31');
if (date1 < date2) {
  console.log('date1 is earlier than date2');
} else {
  console.log('date1 is later than or equal to date2');
}

通过上述代码示例，我们可以看到如何使用JavaScript获取当前日期和时间，并将其格式化为不同的格式。同时，我们还展示了如何使用Intl.DateTimeFormat对象和Moment.js库进行日期格式化，以及如何操作和比较日期。

相关问答FAQs：

1. 如何使用JavaScript获取当前日期？
JavaScript提供了Date对象来获取当前日期。您可以使用以下代码来获取当前日期：

var currentDate = new Date();

2. 如何将获取的当前日期进行格式化？
通过JavaScript的内置方法，您可以将获取的当前日期进行格式化。以下是一个示例代码，将当前日期格式化为"年-月-日"的形式：

var currentDate = new Date();
var year = currentDate.getFullYear();
var month = ('0' + (currentDate.getMonth() + 1)).slice(-2);
var day = ('0' + currentDate.getDate()).slice(-2);
var formattedDate = year + '-' + month + '-' + day;

3. 如何将获取的当前日期格式化为其他日期格式？
您可以根据自己的需求将获取的当前日期格式化为其他格式。以下是一个示例代码，将当前日期格式化为"月-日-年"的形式：

var currentDate = new Date();
var month = ('0' + (currentDate.getMonth() + 1)).slice(-2);
var day = ('0' + currentDate.getDate()).slice(-2);
var year = currentDate.getFullYear();
var formattedDate = month + '-' + day + '-' + year;