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 时间处理,导致本地时间偏差。
立即学习“Java免费学习笔记(深入)”;
本书全面介绍PHP脚本语言和MySOL数据库这两种目前最流行的开源软件,主要包括PHP和MySQL基本概念、PHP扩展与应用库、日期和时间功能、PHP数据对象扩展、PHP的mysqli扩展、MySQL 5的存储例程、解发器和视图等。本书帮助读者学习PHP编程语言和MySQL数据库服务器的最佳实践,了解如何创建数据库驱动的动态Web应用程序。
格式化输出常用方式
原生方法返回的格式较固定,日常开发中常需自定义格式:
-
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) 克隆。









