JavaScript 日期和时间的格式化方法

JS 日期和时间的格式化方法在开发中经常会用到，可以将日期和时间按照指定格式输出。下面是一份详细的攻略。

日期和时间的格式化方法

在JavaScript中，日期和时间可以使用 Date() 对象来表示。而要对日期进行格式化，就需要将 Date() 中的内容按照指定的格式进行输出。下面介绍三种常见的格式化方式。

1. 使用 toDateString()

toDateString() 方法只返回日期的部分，但是不包括时间。

let date = new Date();
let formattedDate = date.toDateString();
console.log(formattedDate); // "Tue Apr 27 2021"

2. 使用 toLocaleDateString()

toLocaleDateString() 方法返回日期的本地化字符串，可以根据本地化的设置返回不同的字符串格式。

let date = new Date();
let formattedDate = date.toLocaleDateString();
console.log(formattedDate); // "2021/4/27"

3. 使用自定义格式

自定义格式使用的是 Date() 对象中自带的方法，例如 getFullYear()、getMonth()、getDate()、getHours()、getMinutes() 和 getSeconds() 。通过将这些方法返回的值按照预定格式进行组合即可。

let date = new Date();
let formattedDate = `${date.getFullYear()}-${(date.getMonth()+1).toString().padStart(2,'0')}-${date.getDate().toString().padStart(2,'0')} ${date.getHours().toString().padStart(2,'0')}:${date.getMinutes().toString().padStart(2,'0')}:${date.getSeconds().toString().padStart(2,'0')}`;
console.log(formattedDate); // "2021-04-27 09:15:30"

上面的例子中，我们使用了 ES6 中的模板字面量和 padStart() 方法。在月份、日期、小时、分钟和秒钟的输出中，使用 toString() 方法将从 getMonth() 和 getDate() 获取的数字转换为字符串，并使用 padStart() 方法将字符串长度补齐到预定的长度。

4. 示例说明

示例1

let date = new Date();
let formattedDate = `${date.getFullYear()}-${(date.getMonth()+1).toString().padStart(2,'0')}-${date.getDate().toString().padStart(2,'0')}`;
console.log(formattedDate); // "2021-04-27"

此示例会输出当前日期，格式为 YYYY-MM-DD。

示例2

let date = new Date();
let formattedDate = `${date.getHours().toString().padStart(2,'0')}:${date.getMinutes().toString().padStart(2,'0')}:${date.getSeconds().toString().padStart(2,'0')}`;
console.log(formattedDate); // "09:30:45"

此示例会输出当前时间，格式为 HH:MM:SS。