迹忆客 专注技术分享

当前位置:主页 > 学无止境 > 编程语言 > TypeScript >

TypeScript 中如何创建 Date 日期对象

作者:迹忆客 最近更新:2023/02/14 浏览次数:

使用 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 - 返回特定日期的秒数。

转载请发邮件至 1244347461@qq.com 进行申请,经作者同意之后,转载请以链接形式注明出处

本文地址:

相关文章

在 TypeScript 中返回一个 Promise

发布时间:2023/03/19 浏览次数:182 分类:TypeScript

本教程讨论如何在 TypeScript 中返回正确的 Promise。这将提供 TypeScript 中 Returns Promise 的完整编码示例,并完整演示每个步骤。

扫一扫阅读全部技术教程

社交账号
  • https://www.github.com/onmpw
  • qq:1244347461

最新推荐

教程更新

热门标签

扫码一下
查看教程更方便