JavaScript 中的 Date 对象 用于处理日期和时间。它提供了创建、操作和格式化日期和时间值的方法。
创建日期
您可以通过多种方式创建 Date 对象:
- 当前日期和时间:
const now = new Date(); console.log(now); // Current date and time
- 具体日期:
const specificDate = new Date(2024, 10, 21); // Year, Month (0-based), Day console.log(specificDate); // Thu Nov 21 2024
- 来自字符串:
const fromString = new Date("2024-11-21T10:00:00"); console.log(fromString); // Thu Nov 21 2024 10:00:00 GMT
- 来自时间戳(自 Unix 纪元以来的毫秒数):
const fromTimestamp = new Date(1732231200000); console.log(fromTimestamp); // Thu Nov 21 2024 10:00:00 GMT
常用方法
获取日期和时间
Method | Description | Example |
---|---|---|
getFullYear() | Returns the year | date.getFullYear() -> 2024 |
getMonth() | Returns the month (0-11) | date.getMonth() -> 10 (November) |
getDate() | Returns the day of the month (1-31) | date.getDate() -> 21 |
getDay() | Returns the weekday (0-6, Sun=0) | date.getDay() -> 4 (Thursday) |
getHours() | Returns the hour (0-23) | date.getHours() -> 10 |
getMinutes() | Returns the minutes (0-59) | date.getMinutes() -> 0 |
getSeconds() | Returns the seconds (0-59) | date.getSeconds() -> 0 |
getTime() | Returns timestamp in milliseconds | date.getTime() -> 1732231200000 |
描述
Method | Description | Example |
---|---|---|
setFullYear(year) | Sets the year | date.setFullYear(2025) |
setMonth(month) | Sets the month (0-11) | date.setMonth(0) -> January |
setDate(day) | Sets the day of the month | date.setDate(1) -> First day of the month |
setHours(hour) | Sets the hour (0-23) | date.setHours(12) |
setMinutes(minutes) | Sets the minutes (0-59) | date.setMinutes(30) |
setSeconds(seconds) | Sets the seconds (0-59) | date.setSeconds(45) |
格式化日期
Method | Description | Example |
---|---|---|
toDateString() | Returns date as a human-readable string | date.toDateString() -> "Thu Nov 21 2024" |
toISOString() | Returns date in ISO format | date.toISOString() -> "2024-11-21T10:00:00.000Z" |
toLocaleDateString() | Returns date in localized format | date.toLocaleDateString() -> "11/21/2024" |
toLocaleTimeString() | Returns time in localized format | date.toLocaleTimeString() -> "10:00:00 AM" |
描述
- 常见用例
const now = new Date(); console.log(now); // Current date and time
- 计算两个日期之间的天数
- :
const specificDate = new Date(2024, 10, 21); // Year, Month (0-based), Day console.log(specificDate); // Thu Nov 21 2024
- 倒计时器
- :
const fromString = new Date("2024-11-21T10:00:00"); console.log(fromString); // Thu Nov 21 2024 10:00:00 GMT
- 格式化当前日期
- :
const fromTimestamp = new Date(1732231200000); console.log(fromTimestamp); // Thu Nov 21 2024 10:00:00 GMT
- 查找一周中的哪一天
- :
const startDate = new Date("2024-11-01"); const endDate = new Date("2024-11-21"); const diffInTime = endDate - startDate; // Difference in milliseconds const diffInDays = diffInTime / (1000 * 60 * 60 * 24); // Convert to days console.log(diffInDays); // 20
- 检查闰年
- :
const targetDate = new Date("2024-12-31T23:59:59"); setInterval(() => { const now = new Date(); const timeLeft = targetDate - now; // Milliseconds left const days = Math.floor(timeLeft / (1000 * 60 * 60 * 24)); const hours = Math.floor((timeLeft / (1000 * 60 * 60)) % 24); const minutes = Math.floor((timeLeft / (1000 * 60)) % 60); const seconds = Math.floor((timeLeft / 1000) % 60); console.log(`${days}d ${hours}h ${minutes}m ${seconds}s`); }, 1000);
加/减天数
:
- 专业提示
const now = new Date(); const formatted = `${now.getFullYear()}-${now.getMonth() + 1}-${now.getDate()}`; console.log(formatted); // "2024-11-21"使用
- Date.now()
- 直接获取当前时间戳,无需创建 Date 对象:
处理跨区域的日期时请注意时区
。使用 Moment.js - 或
Day.js 等库进行高级处理。
0 索引
以上是JavaScript 日期对象备忘单的详细内容。更多信息请关注PHP中文网其他相关文章!

JavaScript字符串替换方法详解及常见问题解答 本文将探讨两种在JavaScript中替换字符串字符的方法:在JavaScript代码内部替换和在网页HTML内部替换。 在JavaScript代码内部替换字符串 最直接的方法是使用replace()方法: str = str.replace("find","replace"); 该方法仅替换第一个匹配项。要替换所有匹配项,需使用正则表达式并添加全局标志g: str = str.replace(/fi

因此,在这里,您准备好了解所有称为Ajax的东西。但是,到底是什么? AJAX一词是指用于创建动态,交互式Web内容的一系列宽松的技术。 Ajax一词,最初由Jesse J创造

10款趣味横生的jQuery游戏插件,让您的网站更具吸引力,提升用户粘性!虽然Flash仍然是开发休闲网页游戏的最佳软件,但jQuery也能创造出令人惊喜的效果,虽然无法与纯动作Flash游戏媲美,但在某些情况下,您也能在浏览器中获得意想不到的乐趣。 jQuery井字棋游戏 游戏编程的“Hello world”,现在有了jQuery版本。 源码 jQuery疯狂填词游戏 这是一个填空游戏,由于不知道单词的上下文,可能会产生一些古怪的结果。 源码 jQuery扫雷游戏

本教程演示了如何使用jQuery创建迷人的视差背景效果。 我们将构建一个带有分层图像的标题横幅,从而创造出令人惊叹的视觉深度。 更新的插件可与JQuery 1.6.4及更高版本一起使用。 下载

本文讨论了在浏览器中优化JavaScript性能的策略,重点是减少执行时间并最大程度地减少对页面负载速度的影响。

Matter.js是一个用JavaScript编写的2D刚体物理引擎。此库可以帮助您轻松地在浏览器中模拟2D物理。它提供了许多功能,例如创建刚体并为其分配质量、面积或密度等物理属性的能力。您还可以模拟不同类型的碰撞和力,例如重力摩擦力。 Matter.js支持所有主流浏览器。此外,它也适用于移动设备,因为它可以检测触摸并具有响应能力。所有这些功能都使其值得您投入时间学习如何使用该引擎,因为这样您就可以轻松创建基于物理的2D游戏或模拟。在本教程中,我将介绍此库的基础知识,包括其安装和用法,并提供一

本文演示了如何使用jQuery和ajax自动每5秒自动刷新DIV的内容。 该示例从RSS提要中获取并显示了最新的博客文章以及最后的刷新时间戳。 加载图像是选择


热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

AI Hentai Generator
免费生成ai无尽的。

热门文章

热工具

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)

适用于 Eclipse 的 SAP NetWeaver 服务器适配器
将Eclipse与SAP NetWeaver应用服务器集成。

MinGW - 适用于 Windows 的极简 GNU
这个项目正在迁移到osdn.net/projects/mingw的过程中,你可以继续在那里关注我们。MinGW:GNU编译器集合(GCC)的本地Windows移植版本,可自由分发的导入库和用于构建本地Windows应用程序的头文件;包括对MSVC运行时的扩展,以支持C99功能。MinGW的所有软件都可以在64位Windows平台上运行。

Dreamweaver CS6
视觉化网页开发工具

WebStorm Mac版
好用的JavaScript开发工具