JS日期格式|极客笔记

JS日期格式

在JavaScript中，日期对象是常见的数据类型，用于表示日期和时间。在实际开发中，我们经常需要格式化日期以满足不同的需求，如显示在页面上、存储在数据库中等。本文将详细解释如何在JavaScript中对日期进行格式化。

获取当前日期

在JavaScript中，我们可以通过 new Date() 来获取当前的日期和时间。下面是一个示例：

let now = new Date();
console.log(now);

运行上面的代码，输出的结果类似于 Wed Mar 02 2022 15:45:00 GMT+0800 (中国标准时间)。

格式化日期

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

function formatDate(date) {
  let year = date.getFullYear();
  let month = date.getMonth() + 1;
  let day = date.getDate();

  month = month < 10 ? '0' + month : month;
  day = day < 10 ? '0' + day : day;

  return year + '-' + month + '-' + day;
}

let now = new Date();
console.log(formatDate(now));  // 输出类似于 "2022-03-02"

上面的代码中，我们定义了一个 formatDate 函数，接受一个日期对象作为参数，并返回 YYYY-MM-DD 格式的日期字符串。在函数中，我们分别获取年、月、日，并通过三元运算符来确保月份和日期显示为两位数。

常见日期格式

除了 YYYY-MM-DD 格式外，还有其他常见的日期格式，如 YYYY/MM/DD、MM/DD/YYYY、DD/MM/YYYY 等。我们可以根据需要定义不同的格式化函数。下面是一个将日期格式化为 YYYY/MM/DD 格式的示例代码：

function formatDate2(date) {
  let year = date.getFullYear();
  let month = date.getMonth() + 1;
  let day = date.getDate();

  month = month < 10 ? '0' + month : month;
  day = day < 10 ? '0' + day : day;

  return year + '/' + month + '/' + day;
}

let now = new Date();
console.log(formatDate2(now));  // 输出类似于 "2022/03/02"

星期几

除了日期，我们还经常需要知道某一天是星期几。可以使用 getDay() 方法来获取，该方法返回一个代表星期几的数字，其中 0 表示星期日，1 表示星期一，依此类推。下面是一个示例代码：

function getWeekDay(date) {
  let weekdays = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
  return weekdays[date.getDay()];
}

let now = new Date();
console.log(getWeekDay(now));  // 输出当前是星期几，例如 "星期三"

时间

除了日期外，我们还可以获取当前的时间，包括小时、分钟、秒等。下面是一个示例代码，用于获取当前时间并格式化为 HH:MM:SS 格式：

function formatTime(date) {
  let hours = date.getHours();
  let minutes = date.getMinutes();
  let seconds = date.getSeconds();

  hours = hours < 10 ? '0' + hours : hours;
  minutes = minutes < 10 ? '0' + minutes : minutes;
  seconds = seconds < 10 ? '0' + seconds : seconds;

  return hours + ':' + minutes + ':' + seconds;
}

let now = new Date();
console.log(formatTime(now));  // 输出类似于 "15:45:00"