正文

掌握JS日期格式转换：轻松实现不同日期格式的转换技巧

/0 浏览量
1115

在JavaScript中，日期格式转换是一个常见的需求。无论是前端显示，还是后端处理，不同格式的日期数据都需要进行转换。本文将为你详细介绍如何在JavaScript中实现不同日期格式的转换，让你轻松应对各种场景。

1. 基本日期对象

在JavaScript中，可以使用Date对象来表示日期和时间。以下是一个简单的示例：

let now = new Date();
console.log(now); // 输出当前日期和时间

2. 日期格式化

要将日期对象格式化为字符串，可以使用toLocaleDateString()、toLocaleTimeString()等方法。以下是一个将日期格式化为“年-月-日”的示例：

let now = new Date();
console.log(now.toLocaleDateString('zh-CN', { year: 'numeric', month: '2-digit', day: '2-digit' })); // 输出：2022-01-01

3. 日期转换函数

为了实现不同日期格式的转换，我们可以编写一个通用的转换函数。以下是一个将日期格式化为“YYYY-MM-DD”的示例：

function formatDate(date, format) {
  const year = date.getFullYear();
  const month = (date.getMonth() + 1).toString().padStart(2, '0');
  const day = date.getDate().toString().padStart(2, '0');
  const hours = date.getHours().toString().padStart(2, '0');
  const minutes = date.getMinutes().toString().padStart(2, '0');
  const seconds = date.getSeconds().toString().padStart(2, '0');

  switch (format) {
    case 'YYYY-MM-DD':
      return `${year}-${month}-${day}`;
    case 'YYYY/MM/DD':
      return `${year}/${month}/${day}`;
    case 'DD-MM-YYYY':
      return `${day}-${month}-${year}`;
    case 'DD/MM/YYYY':
      return `${day}/${month}/${year}`;
    case 'YYYY-MM-DD HH:mm:ss':
      return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
    default:
      return date.toString();
  }
}

let now = new Date();
console.log(formatDate(now, 'YYYY-MM-DD')); // 输出：2022-01-01

4. 日期解析

除了格式化，我们还需要将字符串解析为日期对象。以下是一个将“2022-01-01”解析为日期对象的示例：

function parseDate(dateString, format) {
  const date = new Date(dateString);
  if (isNaN(date.getTime())) {
    throw new Error('Invalid date string');
  }

  switch (format) {
    case 'YYYY-MM-DD':
      return date;
    case 'YYYY/MM/DD':
      return date;
    case 'DD-MM-YYYY':
      return new Date(date.getFullYear(), date.getMonth(), date.getDate());
    case 'DD/MM/YYYY':
      return new Date(date.getFullYear(), date.getMonth(), date.getDate());
    case 'YYYY-MM-DD HH:mm:ss':
      return new Date(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), date.getMinutes(), date.getSeconds());
    default:
      return date;
  }
}

let dateString = '2022-01-01';
console.log(parseDate(dateString, 'YYYY-MM-DD')); // 输出：2022-01-01T00:00:00.000Z

5. 总结

通过以上方法，你可以在JavaScript中轻松实现不同日期格式的转换。在实际开发中，可以根据需求调整函数，以满足各种场景。希望本文能帮助你更好地掌握JavaScript日期格式转换技巧。

-- 展开阅读全文 --