TypeScript 中如何创建 Date 日期对象
使用 Date
类型在 TypeScript 中键入 Date 对象,例如 const date: Date = new Date()
。
Date()
构造函数返回一个类型为 Date 的对象。
该接口定义了 Date 对象上所有内置方法的类型。
// 👇️ const date: Date
const date: Date = new Date();
Date() 构造函数返回一个类型为 Date 的对象。
让 TypeScript 推断类型
如果我们使用内联赋值,就像示例中那样,我们可以让 TypeScript 推断其类型。
// 👇️ const date: Date
const date = new Date();
使用接口或类型别名键入日期对象
使用接口或类型别名时,我们将以相同的方式键入 Date 对象。
interface Delivery {
shippingDate: Date;
}
const shippingDate = new Date('2023-01-24');
const obj: Delivery = {
shippingDate,
};
Delivery
接口上的 shippingDate 属性具有 Date 类型。
TypeScript 中的 Date() 构造函数
要获得 Date 对象,我们必须使用 Date()
构造函数。
如果将鼠标悬停在 Date()
构造函数上,我们可以看到它在使用 new 运算符实例化时返回 Date 类型的对象。
interface DateConstructor {
new(): Date;
new(value: number | string): Date;
new(year: number, month: number, date?: number, hours?: number, minutes?: number, seconds?: number, ms?: number): Date;
}
可以在没有任何参数的情况下调用 Date()
构造函数(以获取当前日期)。
// const now: Date
const now = new Date();
console.log(now); // 👉️ 2023-01-22T13:06:58.838Z
它可以用数字或字符串调用,也可以用多个逗号分隔的数字来表示年、月、日等。
const date1 = new Date(2023, 0, 22);
console.log(date1); // 👉️ 2023-01-21T22:00:00.000Z
const date2 = new Date('2023-01-22T13:06:58.838Z');
console.log(date2); // 👉️ 2023-01-22T13:06:58.838Z
在所有重载中,构造函数返回一个 Date 类型的对象。
在 TypeScript 中检查某物类型的一个好方法是将它分配给一个变量并将鼠标悬停在该变量上。
// const now: Date
const date = new Date();
使用内联赋值时,TypeScript 能够推断出右侧值的类型。
在 Date 对象上调用方法
Date 类型被定义为一个接口并包含所有与日期相关的内置方法的类型。
const date = new Date('2023-01-22T13:06:58.838Z');
console.log(date.getFullYear()); // 👉️ 2023
console.log(date.getMonth()); // 👉️ 0
console.log(date.getDate()); // 👉️ 22
console.log(date.getHours()); // 👉️ 15
console.log(date.getMinutes()); // 👉️ 6
console.log(date.getSeconds()); // 👉️ 58
代码示例在 Date 对象上使用了以下方法:
- Date.getFullYear 方法 - 返回代表与日期对应的年份的四位数字。
-
Date.getMonth - 返回一个介于 0(一月)和 11(十二月)之间的整数,代表给定日期的月份。 是的,不幸的是,
getMonth
方法关闭了 1。 - Date.getDate - 返回一个介于 1 和 31 之间的整数,表示特定日期的月份中的第几天。
- Date.getHours - 返回指定日期的小时数。
- Date.getMinutes - 返回日期的分钟数。
- Date.getSeconds - 返回特定日期的秒数。
相关文章
在 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 中的类。