在JavaScript中将字符串转换为日期

在前端开发中，我们常常需要将用户输入或者API返回的字符串类型的日期转换成JavaScript中的Date对象。本文将介绍如何使用JavaScript中的内置函数以及第三方库来实现这一功能。

使用内置函数

Date.parse()

Date对象提供了parse()函数可以将字符串转换为日期对象。它接收一个表示日期的字符串作为参数，并返回表示该日期的毫秒数。

const dateString = '2022-03-04T11:45:30.000Z';
const dateObject = new Date(Date.parse(dateString));
console.log(dateObject); // Sat Mar 04 2022 12:45:30 GMT+0100 (Central European Standard Time)

但是需要注意的是，Date.parse()只支持有限的日期格式，例如ISO 8601格式的日期时间字符串、RFC2822格式的日期时间字符串等。如果输入的字符串不符合这些格式，会导致结果出错。

new Date()

除了parse()函数外，我们还可以使用Date对象的构造函数直接传入一个表示日期的字符串来创建日期对象。

const dateString = '2022/03/04';
const dateObject = new Date(dateString);
console.log(dateObject); // Sat Mar 04 2022 00:00:00 GMT+0100 (Central European Standard Time)

尽管这种方法比parse()函数更容易理解，但也存在一些缺点。首先，它的输入格式比较死板，必须严格遵循ECMAScript规范定义的格式。其次，如果输入的日期格式不正确，会导致Date对象返回一个无效的日期对象。

使用第三方库

虽然JavaScript提供了内置函数来转换字符串到日期，但是在应对各种复杂的日期格式和时区问题时，这两个函数往往显得力不从心。这时候，我们可以考虑使用第三方库来解决这些问题，例如moment.js和date-fns等。

moment.js

moment.js是一个轻量级的JavaScript日期处理库，能够解析、验证、操作和显示日期。它提供了parse()函数以及format()函数，可以让我们更加灵活地处理日期格式。

const dateString = '2022-03-04T11:45:30.000Z';
const dateObject = moment(dateString).toDate();
console.log(dateObject); // Sat Mar 04 2022 12:45:30 GMT+0100 (Central European Standard Time)

date-fns

date-fns是另一个流行的JavaScript日期处理库，它提供了parseISO()函数和format()函数来解析和格式化日期。

import { parseISO } from 'date-fns';

const dateString = '2022-03-04T11:45:30.000Z';
const dateObject = parseISO(dateString);
console.log(dateObject); // Sat Mar 04 2022 12:45:30 GMT+0100 (Central European Standard Time)

date-fns还提供了一系列有用的函数来格式化和操作日期，例如addDays()函数、formatDistance()函数等。

结论

在JavaScript中将字符串转换为日期是前端开发中的常见问题。本文介绍了使用内置函数和第三方库来实现这一功能，并且提供了示例代码。需要根据具体场景选择不同的方法，如果输入的字符串格式比较复杂，建议使用第三方库来处理。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/8359