JavaScript中如何操作日期？Date对象常见方法有哪些

JavaScript中的Date对象是处理日期和时间的核心内置对象，开发者可以通过它完成日期创建、属性获取、时间计算等各类操作，满足业务中的日期相关需求。

Date对象的创建方式

Date对象有多种创建方式，不同的参数形式对应不同的日期初始化逻辑，常见创建方式如下：

• 无参数创建：获取当前系统时间
• 传入时间戳：根据毫秒数创建对应日期
• 传入日期字符串：解析符合格式的日期字符串
• 传入年月日等参数：依次指定年、月、日、时、分、秒、毫秒

下面是不同创建方式的代码示例：

// 1. 无参数创建，获取当前时间
const now = new Date();
console.log(now); // 输出当前系统时间

// 2. 传入时间戳创建，时间戳为1970-01-01 00:00:00到目标时间的毫秒数
const dateByTimestamp = new Date(1698765432100);
console.log(dateByTimestamp);

// 3. 传入日期字符串创建
const dateByString = new Date('2024-03-15 14:30:00');
console.log(dateByString);

// 4. 传入年月日等参数创建，注意月份从0开始计数，0代表1月
const dateByParams = new Date(2024, 2, 15, 14, 30, 0, 0); // 对应2024年3月15日14点30分
console.log(dateByParams);

Date对象常见获取方法

Date对象提供了一系列get开头的方法，用于获取日期的各个组成部分，需要注意部分方法的返回值有特殊规则：

下面是获取方法的使用示例：

const date = new Date('2024-03-15 14:30:00');
console.log('完整年份：', date.getFullYear()); // 输出2024
console.log('月份：', date.getMonth() + 1); // 输出3，因为getMonth返回0开始，需要加1
console.log('当月日期：', date.getDate()); // 输出15
console.log('星期：', date.getDay()); // 输出5，代表周五
console.log('小时：', date.getHours()); // 输出14
console.log('分钟：', date.getMinutes()); // 输出30
console.log('时间戳：', date.getTime()); // 输出对应时间戳

Date对象常见设置方法

除了获取日期属性，Date对象还提供了set开头的方法，用于修改日期的各个组成部分，修改后会直接影响Date对象本身：

• setFullYear(year, month, date)：设置年份，可选设置月份和日期
• setMonth(month, date)：设置月份，可选设置日期，月份同样从0开始
• setDate(date)：设置当月日期
• setHours(hours, minutes, seconds, ms)：设置小时，可选设置分、秒、毫秒
• setMinutes(minutes, seconds, ms)：设置分钟，可选设置秒、毫秒
• setSeconds(seconds, ms)：设置秒数，可选设置毫秒
• setTime(timestamp)：通过时间戳设置日期

设置方法的使用示例如下：

const date = new Date('2024-03-15 14:30:00');
console.log('原始日期：', date);

// 修改年份为2025
date.setFullYear(2025);
console.log('修改年份后：', date);

// 修改月份为4月（对应参数3）
date.setMonth(3);
console.log('修改月份后：', date);

// 修改日期为20号
date.setDate(20);
console.log('修改日期后：', date);

// 修改小时为18点
date.setHours(18);
console.log('修改小时后：', date);

常见日期操作场景

日期格式化

Date对象没有内置的格式化方法，需要开发者自行拼接字符串实现格式化需求，下面是一个通用的格式化函数示例：

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

    return formatStr
        .replace('YYYY', year)
        .replace('MM', month)
        .replace('DD', day)
        .replace('HH', hours)
        .replace('mm', minutes)
        .replace('ss', seconds);
}

const now = new Date();
console.log(formatDate(now, 'YYYY-MM-DD HH:mm:ss')); // 输出如2024-03-15 14:30:00
console.log(formatDate(now, 'YYYY年MM月DD日')); // 输出如2024年03月15日

日期计算

日期计算可以通过修改时间戳或者直接使用set方法实现，比如计算3天后的日期：

const now = new Date();
// 方法1：通过setDate计算
now.setDate(now.getDate() + 3);
console.log('3天后的日期：', now);

// 方法2：通过时间戳计算，一天毫秒数为24*60*60*1000
const threeDaysLater = new Date(Date.now() + 3 * 24 * 60 * 60 * 1000);
console.log('3天后的日期：', threeDaysLater);

日期比较

日期比较可以转换为时间戳后进行比较，也可以通过直接比较Date对象实现：

const date1 = new Date('2024-03-15');
const date2 = new Date('2024-03-20');

// 方法1：比较时间戳
console.log(date1.getTime() < date2.getTime()); // 输出true

// 方法2：直接比较Date对象
console.log(date1 < date2); // 输出true
console.log(date1 > date2); // 输出false
console.log(date1.getTime() === date2.getTime()); // 输出false

注意事项

在使用Date对象时，有几个常见的注意点需要开发者留意：

• 月份从0开始计数，使用getMonth和setMonth时需要注意加减1的转换
• 不同浏览器对日期字符串的解析规则可能存在差异，建议优先使用时间戳或者年月日参数形式创建日期
• getDay返回的是星期，0代表周日，和其他get方法的计数逻辑不同
• 修改Date对象的方法会直接改变原对象，如果需要保留原日期，建议先复制日期对象再操作

复制Date对象的方式很简单，可以通过传入原Date对象的时间戳创建新对象：

const originalDate = new Date('2024-03-15');
const copiedDate = new Date(originalDate.getTime());
copiedDate.setDate(copiedDate.getDate() + 1);
console.log('原日期：', originalDate); // 不变
console.log('复制后修改的日期：', copiedDate); // 变为2024-03-16

JavaScriptDate对象日期操作日期方法修改时间：2026-07-13 14:18:16