EnlightenCode

JavaScript Date对象完全指南 ⏰ ​

1. Date对象基础知识 🌟 ​

1.1 创建 Date 实例 ​

Date对象用于处理日期和时间，创建方式有以下几种：

javascript
// 1. 无参数 - 返回当前时间
const now = new Date();  

// 2. 时间字符串
const date1 = new Date('2023-12-25');
const date2 = new Date('2023/12/25');

// 3. 年月日数字参数
const date3 = new Date(2023, 11, 25);  // 注意：月份从0开始计数！

1.2 重要注意事项 ⚠️ ​

  • 月份参数范围是 0-11（一月是0，十二月是11）
  • 支持的日期分隔符: -, /, ., *, =, !, @, #, $, %, &
  • 不支持的分隔符: ~, ·, `, ^, +, ，
  • IE浏览器不支持使用-作为分隔符
  • 传入数字参数时要特别注意月份需要减1

2. 实用方法集合 🛠️ ​

2.1 日期信息获取 ​

javascript
const date = new Date('2023-12-25 11:22:33');

// 获取基础信息
date.getFullYear();    // 2023
date.getMonth();       // 11 (12月)
date.getDate();        // 25
date.getDay();         // 1 (周一)
date.getHours();       // 11
date.getMinutes();     // 22
date.getSeconds();     // 33
date.getMilliseconds(); // 0
date.getTime();        // 时间戳

// 获取某月天数
const daysInMonth = new Date(2023, 12, 0).getDate(); // 获取12月的天数

2.2 实用工具函数 💡 ​

javascript
// 1. 日期比较函数
function compareDates(startDate, endDate) {
    const start = new Date(startDate);
    const end = new Date(endDate);
    return start.getTime() > end.getTime();
}

// 2. 格式化日期
function formatDate(date) {
    const d = new Date(date);
    const year = d.getFullYear();
    const month = String(d.getMonth() + 1).padStart(2, '0');
    const day = String(d.getDate()).padStart(2, '0');
    return `${year}-${month}-${day}`;
}

// 3. 获取某年的总周数
function getWeeksInYear(year) {
    const firstDay = new Date(year, 0, 1);
    const daysInYear = ((year % 4 === 0 && year % 100 !== 0) || year % 400 === 0) ? 366 : 365;
    return Math.ceil((daysInYear - firstDay.getDay()) / 7);
}

3. 最佳实践与注意事项 📝 ​

  1. 处理时区问题：
javascript
// 获取本地时间
const localDate = new Date().toLocaleString();

// 获取UTC时间
const utcDate = new Date().toUTCString();
  1. 日期运算：
javascript
const date = new Date();
// 加一天
date.setDate(date.getDate() + 1);
// 加一月
date.setMonth(date.getMonth() + 1);
  1. 日期验证：
javascript
function isValidDate(dateString) {
    const date = new Date(dateString);
    return date instanceof Date && !isNaN(date);
}

4. 现代化方案推荐 🚀 ​

对于复杂的日期处理，推荐使用以下库：

  • Day.js: 轻量级的现代化日期处理库
  • Moment.js: 功能强大的日期处理库（但体积较大）
  • date-fns: 模块化的日期工具库

5. 总结 📌 ​

JavaScript的Date对象虽然有一些特殊注意点，但掌握了这些基础知识和最佳实践，就能够更好地处理日期相关的开发需求。记住要特别注意月份索引从0开始，以及在处理跨时区问题时要格外小心。

</rewritten_file>