JavaScript实现字符串与日期的互相转换及日期的格式化

JavaScript实现字符串与日期的互相转换及日期的格式化主要包含以下几个步骤：

1. 将日期字符串转换为Date对象
2. 将Date对象转换为字符串
3. 对日期进行格式化

下面将详细阐述这些步骤：

将日期字符串转换为Date对象

可以使用Date.parse()方法将日期字符串转换为Date对象。该方法接收一个日期字符串作为参数，返回相应的毫秒数。

示例代码：

const dateString = '2021-09-01'; // 日期字符串
const date = new Date(Date.parse(dateString)); // 转换为Date对象
console.log(date); // 输出：Wed Sep 01 2021 00:00:00 GMT+0800 (中国标准时间)

将Date对象转换为字符串

可以使用Date对象的toLocaleString()、toLocaleDateString()和toLocaleTimeString()方法将Date对象转换为本地时间字符串。

示例代码：

const date = new Date(); // 当前日期
const dateString = date.toLocaleDateString(); // 转换为本地时间字符串
const timeString = date.toLocaleTimeString(); // 转换为本地时间字符串
console.log(dateString); // 输出：2021/10/01
console.log(timeString); // 输出：下午2:00:00

对日期进行格式化

如果需要自定义日期格式，可以使用第三方的日期格式化库，比较常用的有moment.js和date-fns。其中，moment.js相对来说功能更加强大，但体积较大；而date-fns则更加轻量级。

使用moment.js

首先需要引入moment.js库，然后可以使用其提供的format()方法对日期进行格式化。

示例代码：

import moment from 'moment';
const date = new Date(); // 当前日期
const dateString = moment(date).format('YYYY/MM/DD'); // 转换为自定义的日期字符串格式
console.log(dateString); // 输出：2021/10/01

使用date-fns

首先需要引入date-fns库，然后可以使用其提供的format()方法对日期进行格式化。

示例代码：

import { format } from 'date-fns';
const date = new Date(); // 当前日期
const dateString = format(date, 'yyyy/MM/dd'); // 转换为自定义的日期字符串格式
console.log(dateString); // 输出：2021/10/01

以上就是JavaScript实现字符串与日期的互相转换及日期的格式化的完整攻略。