JS日期格式转换|极客笔记

JS日期格式转换

在开发前端应用程序时，经常会遇到需要对日期进行格式转换的情况。JavaScript提供了很多方法来对日期进行操作和格式化，本文将详细介绍如何在JavaScript中进行日期格式转换。

获取当前日期

在JavaScript中，可以使用new Date()来获取当前日期和时间。以下是一个简单的示例代码：

const currentDate = new Date();
console.log(currentDate);

运行以上代码，将会在控制台输出当前日期和时间的详细信息。

日期格式化

JavaScript中没有内置的日期格式化函数，但是可以自己编写一个函数来实现日期格式化。以下是一个示例代码，将日期格式化为YYYY-MM-DD的形式：

function formatDate(date) {
  const year = date.getFullYear();
  const month = ('0' + (date.getMonth() + 1)).slice(-2);
  const day = ('0' + date.getDate()).slice(-2);
  return ` ${year}-$ {month}-${day}`;
}

const currentDate = new Date();
const formattedDate = formatDate(currentDate);
console.log(formattedDate);

运行以上代码，将会在控制台输出当前日期的YYYY-MM-DD格式。

时间格式化

除了日期格式化，有时候还需要对时间进行格式化。以下是一个示例代码，将时间格式化为hh:mm:ss的形式：

function formatTime(date) {
  const hours = ('0' + date.getHours()).slice(-2);
  const minutes = ('0' + date.getMinutes()).slice(-2);
  const seconds = ('0' + date.getSeconds()).slice(-2);
  return ` ${hours}:$ {minutes}:${seconds}`;
}

const currentTime = new Date();
const formattedTime = formatTime(currentTime);
console.log(formattedTime);

运行以上代码，将会在控制台输出当前时间的hh:mm:ss格式。

自定义日期格式化

除了常见的日期和时间格式化外，有时候需要自定义日期时间格式。可以通过在格式化函数中添加格式化参数来实现。以下是一个示例代码，将日期时间格式化为YYYY年MM月DD日 hh时mm分ss秒的形式：

function customFormatDate(date) {
  const year = date.getFullYear();
  const month = ('0' + (date.getMonth() + 1)).slice(-2);
  const day = ('0' + date.getDate()).slice(-2);
  const hours = ('0' + date.getHours()).slice(-2);
  const minutes = ('0' + date.getMinutes()).slice(-2);
  const seconds = ('0' + date.getSeconds()).slice(-2);
  return ` ${year}年$ {month}月 ${day}日$ {hours}时 ${minutes}分$ {seconds}秒`;
}

const currentDateTime = new Date();
const customFormattedDateTime = customFormatDate(currentDateTime);
console.log(customFormattedDateTime);

运行以上代码，将会在控制台输出当前日期时间的自定义格式。

时间戳转日期

有时候我们会拿到一个时间戳（以毫秒为单位），需要将其转换为日期。可以使用new Date(timestamp)来实现。以下是一个示例代码，将时间戳转换为YYYY-MM-DD hh:mm:ss的形式：

function timestampToDateTime(timestamp) {
  const date = new Date(timestamp);
  const year = date.getFullYear();
  const month = ('0' + (date.getMonth() + 1)).slice(-2);
  const day = ('0' + date.getDate()).slice(-2);
  const hours = ('0' + date.getHours()).slice(-2);
  const minutes = ('0' + date.getMinutes()).slice(-2);
  const seconds = ('0' + date.getSeconds()).slice(-2);
  return ` ${year}-$ {month}- ${day}$ {hours}: ${minutes}:$ {seconds}`;
}

const timestamp = 1617203365154;
const dateTime = timestampToDateTime(timestamp);
console.log(dateTime);

运行以上代码，将会在控制台输出时间戳对应的日期时间。

日期转时间戳

相反地，有时候需要将日期转换为时间戳。可以使用getTime()方法来获取日期的时间戳（以毫秒为单位）。以下是一个示例代码，将日期转换为时间戳：

function dateTimeToTimestamp(dateTime) {
  const date = new Date(dateTime);
  return date.getTime();
}

const customDateTime = '2021-03-31 10:16:05';
const timestamp = dateTimeToTimestamp(customDateTime);
console.log(timestamp);

运行以上代码，将会在控制台输出指定日期的时间戳。