悠悠楠杉
网站页面
JS中Date对象常用方法整理
12/18
在前端开发中，处理时间和日期是常见的需求。无论是展示用户注册时间、计算订单有效期，还是实现倒计时功能，JavaScript的Date对象都扮演着至关重要的角色。它提供了丰富的方法来获取、设置和格式化日期与时间。掌握这些方法，不仅能提升开发效率，还能避免因时区或格式问题导致的Bug。
创建Date对象
要使用Date对象，首先需要创建一个实例。JavaScript提供了多种方式来初始化Date：
javascript
// 当前时间
const now = new Date();
// 指定年月日时分秒
const specificDate = new Date(2025, 0, 1, 12, 30, 0); // 注意：月份从0开始，0代表1月
// 字符串形式
const fromString = new Date("2025-01-01T12:30:00");
// 时间戳（毫秒）
const fromTimestamp = new Date(1735694400000);
了解这些创建方式，有助于我们在不同场景下灵活使用。
获取日期和时间信息
Date对象提供了一系列以get开头的方法，用于获取时间的各个部分：
getFullYear()：返回四位数年份，如2025getMonth()：返回月份（0-11），注意需加1才是实际月份getDate()：返回当月的第几天（1-31）getDay()：返回星期几（0-6，0为周日）getHours()：小时（0-23）getMinutes()：分钟（0-59）getSeconds()：秒（0-59）getMilliseconds()：毫秒（0-999）
例如，获取今天是星期几并转换为中文：
javascript
const days = ['日', '一', '二', '三', '四', '五', '六'];
const today = new Date();
console.log(`今天是星期${days[today.getDay()]}`);
设置日期和时间
除了获取，我们还可以通过对应的set方法修改Date对象：
setFullYear(year, month?, date?)setMonth(month)setDate(date)setHours(hours)setMinutes(minutes)setSeconds(seconds)setMilliseconds(milliseconds)
这些方法会直接修改原对象，并返回新的时间戳。比如将日期调整到下个月：
javascript
const date = new Date();
date.setMonth(date.getMonth() + 1);
console.log(date); // 输出下个月的同一天
时间戳与格式化
getTime()方法返回自1970年1月1日以来的毫秒数，常用于比较时间或存储：
javascript
const timestamp = new Date().getTime();
而toISOString()则返回ISO格式的字符串，适合API传输：
javascript
new Date().toISOString(); // "2025-01-01T04:30:00.000Z"
对于日常展示，我们可以封装一个简单的格式化函数：
javascript
function formatDate(date) {
const year = date.getFullYear();
const month = String(date.getMonth() + 1).padStart(2, '0');
const day = String(date.getDate()).padStart(2, '0');
return `${year}-${month}-${day}`;
}
实用技巧与注意事项
- 时区问题：Date对象默认使用本地时区。若需处理UTC时间，可使用
getUTCFullYear()等UTC方法。 - 跨月自动进位：设置日期时，若超出当月天数，会自动进位到下个月。
- 性能考虑：频繁创建Date对象可能影响性能，可考虑缓存或使用轻量库如
date-fns。 - 兼容性：大部分方法在现代浏览器中表现一致，但在老版本IE中需谨慎测试。
结语
Date对象虽小，却功能强大。熟练掌握其常用方法，能让我们更从容地应对各种时间相关的开发任务。与其依赖第三方库处理所有情况，不如先打好原生基础，理解底层逻辑，才能写出更稳定、高效的代码。
