JavaScript Academy · 课时

创建和读取日期

Q: 「创建和读取日期」这节课中我会学到什么？

构造 Date 对象并读取其组成部分。 你通过在浏览器中直接运行的动手代码来练习 JavaScript Academy，全天候 AI 导师会在你学习这节课的过程中回答你的问题。

构造 Date 对象并读取其组成部分。

创建和读取日期 是 CoddyKit 上的免费 JavaScript Academy 课时。这是第 1 节课，共 4 节。你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。这是 JavaScript Academy 学习路径的一部分，你的进度在网页和 CoddyKit 应用中同步。 JavaScript Academy 课程共包含 4 节课。

Date 对象

Date 对象表示时间中的一个特定时刻。您可以使用 new 和 Date 构造函数创建它。

const now = new Date()
console.log(now instanceof Date)

当前日期

不带参数调用 new Date 会根据系统时钟捕获当前时刻。

const now = new Date()
console.log(typeof now.getTime())

从日期字符串创建

您可以根据 ISO 日期字符串创建日期。年份、月份和日期都会从文本中解析出来。

const d = new Date("2024-03-15")
console.log(d.getFullYear())

从各个组成部分创建

您可以传入各个组成部分：年份、月份、日期，以及可选的小时和分钟。请记住，月份参数从零开始计数。

const d = new Date(2024, 0, 15)
console.log(d.getFullYear())
console.log(d.getDate())

getFullYear

getFullYear 会返回四位数的年份。请始终使用它，不要使用已弃用的 getYear。

const d = new Date("2024-07-04")
console.log(d.getFullYear())

getMonth 从零开始计数

getMonth 会返回 0 到 11 之间的数字，其中 0 表示一月，11 表示十二月。这是产生差一错误的常见原因。

const d = new Date("2024-07-04")
console.log(d.getMonth())

将月份转换为名称

由于月份从零开始计数，您可以直接使用 getMonth 作为名称数组的索引。

const names = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
const d = new Date(2024, 6, 4)
console.log(names[d.getMonth()])

getDate 与 getDay

getDate 会返回 1 到 31 之间的月份日期，而 getDay 会返回 0 到 6 之间的星期值，其中 0 表示星期日，6 表示星期六。请勿混淆二者。

const d = new Date(2024, 0, 1)
console.log(d.getDate())
console.log(d.getDay())

时间组成部分

请使用 getHours、getMinutes 和 getSeconds 读取日期中的时间部分。

const d = new Date(2024, 0, 1, 9, 30, 15)
console.log(d.getHours())
console.log(d.getMinutes())
console.log(d.getSeconds())

构建可读字符串

组合使用这些获取器方法可以手动格式化日期，同时请记得给月份加一。

const d = new Date(2024, 6, 4)
const text = d.getFullYear() + "-" + (d.getMonth() + 1) + "-" + d.getDate()
console.log(text)

无效日期

无法解析的日期字符串会产生无效日期，其时间值为 NaN。请对 getTime 的结果使用 Number.isNaN 来检测无效日期。

const bad = new Date("not a date")
console.log(Number.isNaN(bad.getTime()))

快速检查

测试您读取日期的知识。

回顾

回顾：Date 对象保存时间中的一个时刻。

不带参数的 new Date 表示当前时刻
getMonth 从零开始计数
getDate 表示月份日期；getDay 表示星期
无效日期的时间值为 NaN

const d = new Date(2024, 0, 15)
console.log(d.getMonth())

常见问题解答

「创建和读取日期」课时是免费的吗？

是的 — 「创建和读取日期」的完整文本可在网页上免费阅读。要进行交互式练习（内置代码编辑器和全天候 AI 导师）并解锁 JavaScript Academy 课程的其余内容，请升级到 CoddyKit PRO。 JavaScript Academy 课程共包含 4 节课。

「创建和读取日期」这节课中我会学到什么？

构造 Date 对象并读取其组成部分。你通过在浏览器中直接运行的动手代码来练习 JavaScript Academy，全天候 AI 导师会在你学习这节课的过程中回答你的问题。

学习 JavaScript Academy 需要有经验吗？

无需任何先前经验。CoddyKit 上的 JavaScript Academy 课程适合初学者到高级学习者，你可以从这里开始或从头开始，按照自己的节奏学习。这是第 1 节课，共 4 节。

「创建和读取日期」课时需要多长时间？

大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动，所以你能稳步进步，并在网页和应用中从离开的地方继续。

我能在这节 JavaScript Academy 课中编写并运行代码吗？

能。每节 JavaScript Academy 课都包含内置代码编辑器，你可以在浏览器中直接编写并运行真实代码，并获得即时 AI 反馈 — 无需本地设置。

此课程中的所有课时

← 返回 JavaScript Academy