在 JavaScript 中,处理“当前日期和时间”是非常常见的需求,通常通过 Date 对象实现。以下是你可能会用到的典型操作合集,涵盖当前时间获取、格式化、加减时间、比较、时间戳转换等。
🕰️ 1. 获取当前日期时间
代码语言:javascript复制const now = new Date();console.log(now); // 示例:2025-08-03T09:41:20.123Zphp72 Bytes© 菜鸟-创作你的创作📆 2. 获取年/月/日/小时/分钟/秒
代码语言:javascript复制const now = new Date();const year = now.getFullYear(); // 年const month = now.getMonth() + 1; // 月(注意:从 0 开始,所以要 +1)const date = now.getDate(); // 日const hour = now.getHours(); // 小时const minute = now.getMinutes(); // 分钟const second = now.getSeconds(); // 秒console.log(`${year}-${month}-${date} ${hour}:${minute}:${second}`);php372 Bytes© 菜鸟-创作你的创作⌛ 3. 获取当前时间戳
代码语言:javascript复制const timestamp = Date.now(); // 毫秒数console.log(timestamp); // 示例:1754262080123php80 Bytes© 菜鸟-创作你的创作🧮 4. 时间加减操作(如当前时间+1天)
代码语言:javascript复制const now = new Date();const tomorrow = new Date(now.getTime() + 24 * 60 * 60 * 1000); // 加一天console.log(tomorrow.toString());php129 Bytes© 菜鸟-创作你的创作你也可以加小时、分钟等:
代码语言:javascript复制// 加2小时const twoHoursLater = new Date(now.getTime() + 2 * 60 * 60 * 1000);php75 Bytes© 菜鸟-创作你的创作📐 5. 时间格式化函数(返回 yyyy-mm-dd hh:mm:ss)
代码语言:javascript复制function formatDate(date) { const y = date.getFullYear(); const m = String(date.getMonth() + 1).padStart(2, '0'); const d = String(date.getDate()).padStart(2, '0'); const h = String(date.getHours()).padStart(2, '0'); const min = String(date.getMinutes()).padStart(2, '0'); const s = String(date.getSeconds()).padStart(2, '0'); return `${y}-${m}-${d} ${h}:${min}:${s}`;}console.log(formatDate(new Date()));php422 Bytes© 菜鸟-创作你的创作🔄 6. 时间戳转日期
代码语言:javascript复制const date = new Date(1754262080123);console.log(date.toLocaleString()); // 根据本地格式显示php85 Bytes© 菜鸟-创作你的创作🔁 7. 日期字符串转时间戳
代码语言:javascript复制const timestamp = new Date("2025-08-03 18:30:00").getTime();console.log(timestamp); // 输出对应时间戳php95 Bytes© 菜鸟-创作你的创作🧾 8. 日期比较
代码语言:javascript复制const a = new Date('2025-08-01');const b = new Date('2025-08-03');if (a < b) { console.log("a 早于 b");}php108 Bytes© 菜鸟-创作你的创作📚 附:使用 dayjs 或 moment.js(更简洁)
安装 dayjs(推荐轻量库)代码语言:javascript复制npm install dayjsphp17 Bytes© 菜鸟-创作你的创作示例:代码语言:javascript复制import dayjs from 'dayjs';console.log(dayjs().format('YYYY-MM-DD HH:mm:ss')); // 当前时间console.log(dayjs().add(1, 'day').format()); // 明天console.log(dayjs('2025-08-01').isBefore('2025-08-03')); // truephp212 Bytes© 菜鸟-创作你的创作好的,下面是一个浏览器可直接运行的 HTML 页面,内含完整的 JS 脚本,你只需复制以下代码到本地 .html文件中打开即可查看效果,或直接在浏览器开发者工具中运行 JS。
✅ 完整示例:获取当前时间、格式化、加减、比较、时间戳等
代码语言:javascript复制
JavaScript 时间处理 Demo
php1.72 KB© 菜鸟-创作你的创作✅ 功能亮点:✅ 获取当前时间(原始和格式化)
✅ 显示年、月、日、时、分、秒
✅ 获取当前时间戳
✅ 时间加一天
✅ 时间戳 ↔️ 日期互转
✅ 日期比较
如果你还需要实现:
定时器(setInterval 实时更新时间)倒计时或时间差计算使用 Day.js 或 Moment.js 美化我可以在这个 Demo 基础上扩展一个小“时间工具页面”。是否需要?
下面是一个可在浏览器直接打开的完整时间工具页面,包含以下功能:
✅ 功能列表:
实时显示当前时间(每秒更新)时间戳 ↔️ 日期字符串互转计算两个日期之间的时间差(天数)日期加减工具(+/- 天数)所有结果动态显示🧩 一键复制以下 HTML 保存为 time-tools.html 即可运行:
代码语言:javascript复制
JavaScript 时间工具合集
实时当前时间
时间戳 ↔️ 日期字符串
两个日期之间相差几天
➜日期加/减天数
把上面代码复制为 time-tools.html双击打开浏览器即可使用所有时间工具,无需联网,无依赖
https://www.52runoob.com/archives/5197