使用 TypeScript 获取当前年份
要在 TypeScript 中获取当前年份:
-
调用
new Date()
构造函数以获取当前日期的日期对象。 -
在日期对象上调用
getFullYear()
方法。 -
getFullYear
方法将返回一个代表当前年份的数字。
// 👇️ const currentYear: number
const currentYear = new Date().getFullYear();
console.log(currentYear); // 👉️ 2022
我们使用 Date()
构造函数来获取表示当前日期的 Date 对象。
// 👇️ const now: Date
const now = new Date();
console.log(now); // 👉️ Thu Feb 17 2022 11:27:54 GMT
now
变量的类型被正确推断为Date
,这使我们能够使用Date
对象实现的任何内置方法。
我们在 Date 对象上调用 Date.getFullYear
方法来获取表示当前年份的数字。
Date 对象的其他常用方法是:
- Date.getMonth - 返回一个介于 0(一月)和 11(十二月)之间的整数,表示给定日期的月份。 是的,不幸的是 getMonth 方法关闭了 1。
- Date.getDate - 返回特定日期的月份日期
在 TypeScript 中使用日期时,我们应该始终牢记 getMonth()
方法返回一个从零开始的值,其中 一月 = 0、二月 = 1 等,直到十二月 = 11。
const now = new Date();
// 👇️ const currentYear: number
const currentYear = now.getFullYear();
console.log(currentYear); // 👉️ 2022
// 👇️ const currentMonth: number
const currentMonth = now.getMonth();
console.log(currentMonth); // 👉️ 1 (1 = February)
// 👇️ const currentDayOfMonth: number
const currentDayOfMonth = now.getDate();
console.log(currentDayOfMonth); // 👉️ 17
getMonth
方法的输出显示 1,即二月,因为该方法返回从零开始的值。
在将输出格式化到访问者的浏览器时,我们经常会看到开发人员将结果加 1。
应该注意的是,我们可以使用 getFullYear()
方法来获取任何有效 Date 对象的年份,现在只是当前日期。
// 👇️ const date: Date
const date = new Date('2023-09-24');
// 👇️ const currentYear: number
const currentYear = date.getFullYear();
console.log(currentYear); // 👉️ 2023
// 👇️ const currentMonth: number
const currentMonth = date.getMonth();
console.log(currentMonth); // 👉️ 8 (8 = September)
// 👇️ const currentDayOfMonth: number
const currentDayOfMonth = date.getDate();
console.log(currentDayOfMonth); // 👉️ 24
在此示例中,我们为 2023 年 9 月 24 日创建一个日期,并使用上述所有方法来获取该日期的年、月和日。
相关文章
在 AngularJs 中设置 Select From Typescript 的默认选项值
发布时间:2023/04/14 浏览次数:78 分类:Angular
-
本教程提供了在 AngularJs 中从 TypeScript 中设置 HTML 标记选择的默认选项的解释性解决方案。
在 Angular 中使用 TypeScript 的 getElementById 替换
发布时间:2023/04/14 浏览次数:153 分类:Angular
-
本教程指南提供了有关使用 TypeScript 在 Angular 中替换 document.getElementById 的简要说明。这也提供了在 Angular 中 getElementById 的最佳方法。
在 TypeScript 中使用 try..catch..finally 处理异常
发布时间:2023/03/19 浏览次数:181 分类:TypeScript
-
本文详细介绍了如何在 TypeScript 中使用 try..catch..finally 进行异常处理,并附有示例。
在 TypeScript 中使用 declare 关键字
发布时间:2023/03/19 浏览次数:97 分类:TypeScript
-
本教程指南通过特定的实现和编码示例深入了解了 TypeScript 中 declare 关键字的用途。
在 TypeScript 中 get 和 set
发布时间:2023/03/19 浏览次数:172 分类:TypeScript
-
本篇文章演示了类的 get 和 set 属性以及如何在 TypeScript 中实现它。
在 TypeScript 中格式化日期和时间
发布时间:2023/03/19 浏览次数:161 分类:TypeScript
-
本教程介绍内置对象 Date() 并讨论在 Typescript 中获取、设置和格式化日期和时间的各种方法。
在 TypeScript 中返回一个 Promise
发布时间:2023/03/19 浏览次数:182 分类:TypeScript
-
本教程讨论如何在 TypeScript 中返回正确的 Promise。这将提供 TypeScript 中 Returns Promise 的完整编码示例,并完整演示每个步骤。
在 TypeScript 中定义函数回调的类型
发布时间:2023/03/19 浏览次数:221 分类:TypeScript
-
本教程说明了在 TypeScript 中为函数回调定义类型的解决方案。为了程序员的方便和方便,实施了不同的编码实践指南。
在 TypeScript 中把 JSON 对象转换为一个类
发布时间:2023/03/19 浏览次数:110 分类:TypeScript
-
本教程演示了如何将 JSON 对象转换为 TypeScript 中的类。