JavaScript处理日期时间详解

从现在开始，我们要努力学习啦！今天我给大家带来《JavaScript操作日期时间全攻略》，感兴趣的朋友请继续看下去吧！下文中的内容我们主要会涉及到等等知识点，如果在阅读本文过程中有遇到不清楚的地方，欢迎留言呀！我们一起讨论，一起学习！

JavaScript操作日期时间主要依靠Date对象，需掌握创建、获取、解析、格式化、计算和比较等核心方法及月份从0开始、字符串解析兼容性等常见陷阱。

JavaScript 操作日期和时间主要靠内置的 Date 对象，它能获取、格式化、计算和比较时间。掌握几个核心方法和常见陷阱，就能应付大部分场景。

创建和获取当前时间

用 new Date() 创建当前时间对象，调用对应方法获取年、月、日、时、分、秒等值：

• getFullYear() 获取四位年份（推荐，getYear() 已废弃）
• getMonth() 返回 0–11（注意：1月是 0，12月是 11）
• getDate() 返回每月第几天（1–31）
• getHours() / getMinutes() / getSeconds() 获取对应时间单位
• getTime() 返回自 1970-01-01 00:00:00 UTC 起的毫秒数，常用于时间差计算

解析和构造特定时间

支持多种字符串格式初始化，但兼容性有差异，稳妥做法是传入年、月、日等参数：

• new Date(2024, 5, 15, 14, 30, 0) → 2024年6月15日14:30（注意月份从 0 开始）
• new Date('2024-06-15T14:30:00') → ISO 8601 格式最可靠（带 T 和时区信息）
• new Date('2024/06/15 14:30') → 部分浏览器支持，但不推荐用于生产环境

避免直接解析 '2024-06-15' 这类纯日期字符串——在某些浏览器中可能被当作 UTC 时间处理，导致本地时间偏差。

格式化输出常用方式

原生方法返回的格式较固定，日常开发中常需自定义格式：

• toDateString() → "Fri Jun 15 2024"
• toLocaleString() → 本地化格式，可传参控制语言和地区：date.toLocaleString('zh-CN')
• toISOString() → 返回标准 UTC 字符串："2024-06-15T06:30:00.000Z"
• 手动拼接更灵活：${d.getFullYear()}-${String(d.getMonth()+1).padStart(2,'0')}-${String(d.getDate()).padStart(2,'0')}

时间计算与比较

两个 Date 对象可以直接用 >、 比较大小（本质是比较毫秒数）；计算时间差建议统一转为毫秒再运算：

• const diffMs = date2.getTime() - date1.getTime()
• 换算成天：Math.floor(diffMs / (1000 * 60 * 60 * 24))
• 加减时间：修改毫秒数后用 new Date(ms) 重建对象，或使用现代方案如 date-fns 的 addDays()、subHours()

注意：Date 对象是可变的，setFullYear() 等方法会直接修改原对象，需要保留原始值时记得先 new Date(original) 克隆。

到这里，我们也就讲完了《JavaScript处理日期时间详解》的内容了。个人认为，基础知识的学习和巩固，是为了更好的将其运用到项目中，欢迎关注golang学习网公众号，带你了解更多关于的知识点！