在前端开发中，经常需要将日期格式化为可读性强、易于理解的字符串。JavaScript提供了许多内置的日期API和方法来帮助我们实现这一目标。本文将介绍如何使用这些API和方法来格式化JavaScript日期。
1. 获取当前日期
要获取当前日期，可以使用内置的Date()构造函数。它返回一个代表当前日期和时间的对象。以下是获取当前日期的示例代码：
const currentDate = new Date(); console.log(currentDate);
输出结果类似于：Wed Apr 07 2023 09:30:00 GMT+0800 (中国标准时间)
2. 格式化日期
要将日期格式化为特定格式的字符串，可以使用以下方法：
2.1 toLocaleDateString()
该方法将日期转换为本地日期字符串。它接受一些可选参数，用于指定日期格式，如年份、月份、日期等。以下是使用toLocaleDateString()方法将日期格式化为YYYY-MM-DD格式的示例代码：
const currentDate = new Date();
const formattedDate = currentDate.toLocaleDateString('zh-CN', { year: 'numeric', month: '2-digit', day: '2-digit' });
console.log(formattedDate);输出结果类似于：2023-04-07
2.2 toLocaleTimeString()
该方法将日期转换为本地时间字符串。它同样接受一些可选参数，用于指定时间格式，如小时、分钟、秒等。以下是使用toLocaleTimeString()方法将日期格式化为HH:mm:ss格式的示例代码：
const currentDate = new Date();
const formattedTime = currentDate.toLocaleTimeString('zh-CN', { hour12: false, hour: '2-digit', minute:'2-digit', second: '2-digit' });
console.log(formattedTime);输出结果类似于：09:30:00
2.3 toLocaleString()
该方法将日期转换为本地日期和时间字符串。它同样接受一些可选参数，用于指定日期和时间格式。以下是使用toLocaleString()方法将日期格式化为YYYY-MM-DD HH:mm:ss格式的示例代码：
const currentDate = new Date();
const formattedDateTime = currentDate.toLocaleString('zh-CN', { year: 'numeric', month: '2-digit', day: '2-digit', hour12: false, hour: '2-digit', minute:'2-digit', second: '2-digit' });
console.log(formattedDateTime);输出结果类似于：2023-04-07 09:30:00
3. 自定义格式化日期
如果要按照自定义的格式格式化日期，可以使用以下方法：
3.1 使用字符串格式化日期
可以使用字符串模板来格式化日期。以下是一个示例代码，使用YYYY-MM-DD格式化日期：
const currentDate = new Date();
const year = currentDate.getFullYear().toString().padStart(4, '0');
const month = (currentDate.getMonth() + 1).toString().padStart(2, '0');
const date = currentDate.getDate().toString().padStart(2, '0');
const formattedDate = `${year}-${month}-${date}`;
console.log(formattedDate);输出结果类似于：2023-04-07
3.2 使用第三方库格式化日期
如果需要更复杂的日期格式化功能，可以使用第三方日期库。例如，moment.js是一个非常流行的JavaScript日期库。以下是使用moment.js将日期格式化为YYYY-MM-DD HH:mm:ss格式的示例代码：
const currentDate = new Date();
const formattedDateTime = moment(currentDate).format('YYYY-MM-DD HH:mm:ss');
console.log(formattedDateTime);输出结果类似于：2023-04-07 09:30:00
4. 总结
在本文中，我们介绍了如何使用JavaScript内置的日期API和方法来格式化JavaScript日期，包括toLocaleDateString()、toLocaleTimeString()、toLocaleString()以及自定义格式化方法。希望本文能够帮助读者更好地理解和应用日期格式
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/7312