如何在JavaScript中轻松获取今天的日期？

获取今天的日期在JavaScript中是一个常见的任务，可以通过多种方式实现，本文将介绍几种不同的方法来获取今天的日期，并展示如何使用这些方法。

1. 使用Date对象

JavaScript中的Date对象是处理日期和时间的标准方法，要获取今天的日期，你可以简单地创建一个新的Date对象，然后格式化它以显示所需的格式。

// 创建新的 Date 对象
const today = new Date();
// 获取年、月和日
const year = today.getFullYear();
const month = today.getMonth() + 1; // getMonth() 返回的月份从0开始，所以需要加1
const day = today.getDate();
// 输出日期
console.log(${year}${month < 10 ? '0' + month : month}${day < 10 ? '0' + day : day});

2. 使用toLocaleDateString方法

如果你只需要一个本地化的日期字符串，可以使用toLocaleDateString方法，这个方法会根据用户的浏览器设置返回一个易读的日期字符串。

// 创建新的 Date 对象
const today = new Date();
// 获取本地化日期字符串
const localDate = today.toLocaleDateString('enUS'); //  "7/21/2023"
// 输出日期
console.log(localDate);

3. 使用toISOString方法

如果你需要一个ISO 8601格式的日期字符串，可以使用toISOString方法，这个方法会返回一个UTC时间字符串，格式为"YYYYMMDDTHH:mm:ss.sssZ"。

// 创建新的 Date 对象
const today = new Date();
// 获取 ISO 格式日期字符串
const isoDate = today.toISOString().split('T')[0]; //  "20230721"
// 输出日期
console.log(isoDate);

4. 使用moment.js库

moment.js是一个流行的JavaScript库，用于解析、验证、操作和格式化日期，虽然它已经被官方弃用，但仍然有很多项目在使用。

确保你已经引入了moment.js库：

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>

你可以这样使用它来获取今天的日期：

// 引入 moment.js
const moment = require('moment');
// 获取今天的日期
const today = moment().format('YYYYMMDD'); //  "20230721"
// 输出日期
console.log(today);

5. 使用datefns库

datefns是一个现代的JavaScript日期实用程序库，比moment.js更小更快。

确保你已经引入了datefns库：

<script src="https://cdnjs.cloudflare.com/ajax/libs/datefns/2.29.3/date_fns.min.js"></script>

你可以这样使用它来获取今天的日期：

// 引入 format 函数
const { format } = dateFns;
// 获取今天的日期
const today = format(new Date(), 'yyyyMMdd'); //  "20230721"
// 输出日期
console.log(today);

常见问题解答 (FAQs)

Q1:Date对象的月份是从0开始的吗？

A1: 是的，Date对象的getMonth方法返回的月份是从0开始的，即0表示一月，11表示十二月，当你需要得到常规的月份（1到12）时，需要在结果上加1。

const month = today.getMonth() + 1; // 正确处理月份

Q2:moment.js库为什么被弃用了？

A2:moment.js库被弃用的主要原因是它的体积较大，对于现代浏览器来说有些过于臃肿，随着原生JavaScript对日期和时间的处理能力增强，很多功能可以直接通过原生API实现，不再需要依赖第三方库，推荐使用如datefns这样的轻量级替代方案。