JS格式日期|极客笔记

JS格式日期

在JavaScript编程中，我们经常需要处理日期和时间。有时候，我们需要格式化日期以便显示给用户或者保存到数据库中。本文将详细介绍如何在JavaScript中格式化日期。

获取当前日期

首先，让我们看一下如何获取当前日期。JavaScript中有一个内置对象Date可以帮助我们处理日期和时间。我们可以直接创建一个Date对象来获取当前日期和时间。

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

运行上面的代码，我们可以得到当前的日期和时间，结果可能类似于Sun Feb 27 2022 12:32:45 GMT+0800 (China Standard Time)。

格式化日期

在实际开发中，我们通常需要以特定的格式显示日期，比如yyyy-MM-dd或者MM/dd/yyyy等。下面是一些常见的日期格式化方式：

yyyy-MM-dd

function formatDate(date) {
  const year = date.getFullYear();
  const month = (date.getMonth() + 1).toString().padStart(2, '0');
  const day = date.getDate().toString().padStart(2, '0');

  return ` ${year}-$ {month}-${day}`;
}

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

输出为当前日期，格式为yyyy-MM-dd，如2022-02-27。

MM/dd/yyyy

function formatDate(date) {
  const month = (date.getMonth() + 1).toString().padStart(2, '0');
  const day = date.getDate().toString().padStart(2, '0');
  const year = date.getFullYear();

  return ` ${month}/$ {day}/${year}`;
}

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

输出为当前日期，格式为MM/dd/yyyy，如02/27/2022。

自定义日期格式

除了上面两种常见的日期格式外，我们还可以自定义日期格式，比如yyyy年MM月dd日。

function formatDate(date) {
  const year = date.getFullYear();
  const month = (date.getMonth() + 1).toString().padStart(2, '0');
  const day = date.getDate().toString().padStart(2, '0');

  return ` ${year}年$ {month}月${day}日`;
}

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

输出为当前日期，格式为yyyy年MM月dd日，如2022年02月27日。

格式化时间

除了日期外，有时我们也需要格式化时间，比如HH:mm:ss或者h:mm a等。下面是一些常见的时间格式化方式：

HH:mm:ss

function formatTime(date) {
  const hours = date.getHours().toString().padStart(2, '0');
  const minutes = date.getMinutes().toString().padStart(2, '0');
  const seconds = date.getSeconds().toString().padStart(2, '0');

  return ` ${hours}:$ {minutes}:${seconds}`;
}

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

输出为当前时间，格式为HH:mm:ss，如12:45:30。

h:mm a

function formatTime(date) {
  const hours = date.getHours() % 12 || 12;
  const minutes = date.getMinutes().toString().padStart(2, '0');
  const amOrPm = date.getHours() < 12 ? 'AM' : 'PM';

  return ` ${hours}:$ {minutes} ${amOrPm}`;
}

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

输出为当前时间，格式为h:mm a，如12:45 PM。