JavaScript 时间格式化|极客笔记

JavaScript 时间格式化

在JavaScript中，时间的处理是一个非常常见且重要的操作。在项目开发中，我们经常需要将时间格式化成我们需要的样式，比如将时间转换成特定的字符串格式，以便输出到页面或者存储到数据库中。本文将详细介绍在JavaScript中如何对时间进行格式化操作。

1. 使用Date对象

JavaScript中的Date对象是表示时间的对象，可以通过Date对象的方法来获取年、月、日、时、分、秒等时间信息。我们可以通过Date对象提供的方法来对时间进行格式化操作。

示例代码：

// 获取当前时间
const now = new Date();

// 获取年、月、日
const year = now.getFullYear();
const month = now.getMonth() + 1;
const day = now.getDate();

// 获取时、分、秒
const hours = now.getHours();
const minutes = now.getMinutes();
const seconds = now.getSeconds();

// 格式化输出
console.log(` ${year}-$ {month}- ${day}$ {hours}: ${minutes}:$ {seconds}`);

运行结果：

2022-12-23 15:30:45

在上面的示例中，我们首先通过new Date()获取当前时间，然后通过Date对象的方法获取年、月、日、时、分、秒等信息，最后将时间格式化成YYYY-MM-DD HH:mm:ss的格式。

2. 使用moment.js库

除了原生的Date对象，我们还可以使用第三方库moment.js来对时间进行格式化操作。moment.js是一个非常方便且强大的时间处理库，提供了丰富的时间格式化方法，可以满足各种时间格式化需求。

示例代码：

首先需要引入moment.js库：

<script src="https://cdn.bootcdn.net/ajax/libs/moment.js/2.29.1/moment.min.js"></script>

然后使用moment.js库来格式化时间：

// 获取当前时间
const now = moment();

// 格式化输出
console.log(now.format('YYYY-MM-DD HH:mm:ss'));

运行结果：

2022-12-23 15:30:45

在上面的示例中，我们首先引入moment.js库，然后通过moment()获取当前时间，并使用format方法将时间格式化成YYYY-MM-DD HH:mm:ss的格式。

3. 时间戳格式化

除了常见的时间格式化之外，有时候我们也需要将时间戳格式化成具体的时间格式。时间戳是指从1970年1月1日至今的毫秒数，通常用于表示时间。我们可以通过Date对象或moment.js库来将时间戳格式化成具体的时间格式。

示例代码：

// 时间戳
const timestamp = 1640280645000; // 2022-12-23 15:30:45

// 使用Date对象来格式化时间戳
const date = new Date(timestamp);
const formattedDate = ` ${date.getFullYear()}-$ {date.getMonth() + 1}- ${date.getDate()}$ {date.getHours()}: ${date.getMinutes()}:$ {date.getSeconds()}`;
console.log(formattedDate);

// 使用moment.js库来格式化时间戳
const momentDate = moment(timestamp);
console.log(momentDate.format('YYYY-MM-DD HH:mm:ss'));

运行结果：

2022-12-23 15:30:45
2022-12-23 15:30:45

在上面的示例中，我们首先定义了一个时间戳，然后分别使用Date对象和moment.js库来将时间戳格式化成YYYY-MM-DD HH:mm:ss的时间格式。

4. 自定义时间格式化函数

如果我们需要将时间格式化成特定的格式，并且这种格式在Date对象和moment.js库中没有提供的话，我们可以自定义时间格式化函数来实现。

示例代码：

// 自定义时间格式化函数
function customFormat(date) {
  const year = date.getFullYear();
  const month = date.getMonth() < 9 ? `0 ${date.getMonth() + 1}` : date.getMonth() + 1; const day = date.getDate()<10 ? `0$ {date.getDate()}` : date.getDate();
  const hours = date.getHours() < 10 ? `0 ${date.getHours()}` : date.getHours(); const minutes = date.getMinutes()<10 ? `0$ {date.getMinutes()}` : date.getMinutes();
  const seconds = date.getSeconds() < 10 ? `0 ${date.getSeconds()}` : date.getSeconds(); return `$ {year}- ${month}-$ {day}  ${hours}:$ {minutes}:${seconds}`;
}

// 获取当前时间
const now = new Date();

// 格式化输出
console.log(customFormat(now));