js获取当前日期时间及其它操作

js获取当前日期时间及其它操作

在 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复制 JS 时间操作演示

JavaScript 时间处理 Demo

 php1.72 KB© 菜鸟-创作你的创作✅ 功能亮点:

✅ 获取当前时间(原始和格式化)

✅ 显示年、月、日、时、分、秒

✅ 获取当前时间戳

✅ 时间加一天

✅ 时间戳 ↔️ 日期互转

✅ 日期比较

如果你还需要实现:

定时器(setInterval 实时更新时间)倒计时或时间差计算使用 Day.js 或 Moment.js 美化我可以在这个 Demo 基础上扩展一个小“时间工具页面”。是否需要?

下面是一个可在浏览器直接打开的完整时间工具页面,包含以下功能:

✅ 功能列表:

实时显示当前时间(每秒更新)时间戳 ↔️ 日期字符串互转计算两个日期之间的时间差(天数)日期加减工具(+/- 天数)所有结果动态显示🧩 一键复制以下 HTML 保存为 time-tools.html 即可运行:

代码语言:javascript复制 JavaScript 时间工具

JavaScript 时间工具合集

实时当前时间

加载中...

时间戳 ↔️ 日期字符串

两个日期之间相差几天

日期加/减天数

php3.83 KB© 菜鸟-创作你的创作🧪 使用方法:

把上面代码复制为 time-tools.html双击打开浏览器即可使用所有时间工具,无需联网,无依赖

https://www.52runoob.com/archives/5197

相关推荐

剑圣走砍教程 剑圣走哪条路?
365体育亚洲官方登录

剑圣走砍教程 剑圣走哪条路?

📅 09-24 👁️ 8017
你们觉得梦幻最丑的男角色是哪个
365体育亚洲官方登录

你们觉得梦幻最丑的男角色是哪个

📅 11-21 👁️ 7159
Steam 上的 《命令与征服™:红色警戒 3》
日博365官网网址多少

Steam 上的 《命令与征服™:红色警戒 3》

📅 08-18 👁️ 8875