当前位置：首页 > JavaScript

js实现日期格式转换

2026-04-04 16:21:53JavaScript

日期格式转换方法

在JavaScript中，日期格式转换可以通过多种方式实现，以下是几种常见的方法：

使用Date对象原生方法

JavaScript的Date对象提供了一系列方法用于获取日期的各个部分，可以手动拼接成所需的格式：

const date = new Date();
const year = date.getFullYear();
const month = String(date.getMonth() + 1).padStart(2, '0');
const day = String(date.getDate()).padStart(2, '0');
const formattedDate = `${year}-${month}-${day}`;
console.log(formattedDate); // 输出类似"2023-04-15"

使用toLocaleDateString方法

这个方法可以根据不同的地区设置返回不同格式的日期字符串：

const date = new Date();
const options = { year: 'numeric', month: '2-digit', day: '2-digit' };
const formattedDate = date.toLocaleDateString('zh-CN', options);
console.log(formattedDate); // 输出类似"2023/04/15"

使用第三方库moment.js

moment.js是一个流行的日期处理库，提供了丰富的日期格式转换功能：

const moment = require('moment');
const formattedDate = moment().format('YYYY-MM-DD');
console.log(formattedDate); // 输出当前日期，格式为"2023-04-15"

使用Intl.DateTimeFormat

这是一个更现代的API，提供了更灵活的日期格式化选项：

const date = new Date();
const formatter = new Intl.DateTimeFormat('en-US', {
  year: 'numeric',
  month: '2-digit',
  day: '2-digit'
});
const formattedDate = formatter.format(date);
console.log(formattedDate); // 输出类似"04/15/2023"

自定义格式化函数

可以创建一个通用的日期格式化函数来处理各种格式需求：

js实现日期格式转换

function formatDate(date, format) {
  const map = {
    'YYYY': date.getFullYear(),
    'MM': String(date.getMonth() + 1).padStart(2, '0'),
    'DD': String(date.getDate()).padStart(2, '0'),
    'HH': String(date.getHours()).padStart(2, '0'),
    'mm': String(date.getMinutes()).padStart(2, '0'),
    'ss': String(date.getSeconds()).padStart(2, '0')
  };
  return format.replace(/YYYY|MM|DD|HH|mm|ss/g, matched => map[matched]);
}

const date = new Date();
console.log(formatDate(date, 'YYYY-MM-DD')); // 输出类似"2023-04-15"
console.log(formatDate(date, 'YYYY/MM/DD HH:mm:ss')); // 输出类似"2023/04/15 14:30:45"

这些方法可以根据具体需求选择使用，原生方法适合简单场景，而第三方库或自定义函数则更适合复杂的格式化需求。