在 typescript 中格式化日期和时间
本篇文章将介绍内置对象 date()
并讨论在 typescript 中获取、设置和格式化日期和时间的各种方法。
typescript 中没有参数的日期对象
每当在没有任何参数的情况下调用构造函数 date()
时,它都会返回编译器正在运行的当前设备的日期和时间。
例子:
let mydate: date = new date();
console.log('my date and time is = ' mydate);
输出:
my date and time is = fri feb 18 2022 19:45:32 gmt 0000 (country standard time)
typescript 中带有一个参数的日期对象
例子:
let mydate: date = new date(600000000000);
console.log('my date and time is = ' mydate);
输出:
my date and time is = thu jan 05 1989 15:40:00 gmt 0000 (country standard time)
在上面的例子中,格式与上一个相同,但时间和日期不同。date()
构造函数现在有一个参数毫秒
添加到编译器开始时间和日期。
一般来说,编译器的开始日期和时间是 thu jan 01 1970 00:00:00
。那么 600000000000 毫秒等于 166666.667 小时。
因此,将这些小时添加到编译器开始日期和时间会给出输出 thu jan 05 1989 15:40:00
。
typescript 中带有字符串参数的日期对象
示例 1:
let mydate: date = new date("2018-02-08t10:30:35");
console.log('my date and time is = ' mydate);
输出:
my date and time is = thu feb 08 2018 10:30:35 gmt 0000 (country standard time)
在输出中,显示用户设置的日期和时间。注意 date()
构造函数中传递的参数是一个字符串。
字符串参数的语法:
(year-month-date t hours: minutes: seconds)
在这里,t
将日期与时间分开。
如果用户只提及年份,编译器将采用默认日期和月份。
示例 2:
let mydate: date = new date("2018t10:30:35");
console.log('my date and time is = ' mydate);
输出:
my date and time is = thu jan 01 2018 10:30:35 gmt 0000 (country standard time)
typescript 中具有多个参数的日期对象
示例 1:
let mydate: date = new date(2018, 9, 2, 12, 15, 45, 2000);
console.log('my date and time is = ' mydate);
输出:
my date and time is = tue oct 02 2018 12:15:47 gmt 0000 (country standard time)
日期和时间的格式仍然与上面的示例相同,但现在,date()
构造函数有多个参数。
多个参数的语法:
(year, month, date, hours, minutes, seconds, milliseconds)
在上面的示例中,请注意 seconds
的值是 45
,而 milliseconds
的值是 2000
。这就是为什么计算的时间是 12 : 15 : 47
。
如果用户只输入四个参数,这些值将被依次赋值,其余的将被赋予默认值。
示例 2:
let mydate: date = new date(2018, 9, 2, 12);
console.log('my date and time is = ' mydate);
输出:
my date and time is = tue oct 02 2018 12:00:00 gmt 0000 (country standard time)
在 typescript 中使用 get
方法获取日期和时间
如上所示,date()
对象为我们提供了有关日期和时间的所有详细信息。如果用户只想从整个字符串中获取一个值,则用户必须使用内置的 get
方法来获取相应的值。
例子:
let mydate: date = new date(2018, 9, 2, 12, 15, 45);
console.log('my date and time is = ' mydate);
console.log('the year is = ' mydate.getfullyear());
console.log('the month is = ' mydate.getmonth());
console.log('the date is = ' mydate.getdate());
console.log('the hours are = ' mydate.gethours());
console.log('the minutes are = ' mydate.getminutes());
console.log('the seconds are = ' mydate.getseconds());
输出:
my date and time is = tue oct 02 2018 12:15:45 gmt 0000 (country standard time)
the year is = 2018
the month is = 9
the date is = 2
the hours are = 12
the minutes are = 15
the seconds are = 45
在上面的代码中,使用了许多内置的 get
方法。正如名称描述它们的功能一样,每个方法都会相应地返回值。
同样,如果缺少任何值,将在输出中打印默认值。日期和时间还有许多其他内置方法。
在 typescript 中使用 set
方法设置日期和时间
如果用户想要为特定实体设置新值,而不是再次实例化 date
对象,set
方法可以提供帮助。
例子:
let mydate: date = new date(2018, 9, 2, 12, 15, 45);
console.log('my date and time is = ' mydate);
mydate.setfullyear(2020);
mydate.setmonth(7);
mydate.setdate(19);
mydate.sethours(16);
mydate.setminutes(33);
mydate.setseconds(12);
console.log('my updated date and time is = ' mydate);
输出:
my date and time is = tue oct 02 2018 12:15:45 gmt 0000 (country standard time)
my updated date and time is = wed aug 19 2020 16:33:12 gmt 0000 (country standard time)
请注意上例中先前和更新的日期和时间之间的差异。还有许多其他内置方法可以用来我们可以使用的日期和时间。
在 typescript 中格式化日期和时间的方法
我们有许多用于格式化日期和时间的内置方法,每个方法都执行特定的操作。以下是最常用的方法。
例子:
let mydate: date = new date(2018, 9, 2, 12, 15, 45);
console.log('my date and time is = ' mydate);
console.log('the iso 8601 formatted date and time is = ' mydate.toisostring());
console.log('the britian formatted date and time is = ' mydate.tolocalestring("en-gb"));
console.log('the american formatted date and time is = ' mydate.tolocalestring("en-us"));
console.log(json.stringify({
myjsondate: mydate
}));
输出:
my date and time is = tue oct 02 2018 12:15:45 gmt 0000 (country standard time)
the iso 8601 formatted date and time is = 2018-10-02t07:15:45.000z
the britian formatted date and time is = 02/10/2018, 12:15:45
the american formatted date and time is = 10/2/2018, 12:15:45 pm
{"myjsondate":"2018-10-02t07:15:45.000z"}
注意上面例子中不同的方法是如何格式化日期和时间的。用户希望以哪种格式显示日期和时间取决于用户。
在 api 引用期间使用 tojson()
方法。
tolocalestring()
用于根据地区格式化日期和时间。
toisostring()
用于根据 iso 8601 格式格式化日期和时间。
还有许多其他方法可以格式化日期和时间。
转载请发邮件至 1244347461@qq.com 进行申请,经作者同意之后,转载请以链接形式注明出处
本文地址:
相关文章
在 typescript 中使用 try..catch..finally 处理异常
发布时间:2023/03/19 浏览次数:385 分类:typescript
-
本文详细介绍了如何在 typescript 中使用 try..catch..finally 进行异常处理,并附有示例。
在 typescript 中使用 declare 关键字
发布时间:2023/03/19 浏览次数:254 分类:typescript
-
本教程指南通过特定的实现和编码示例深入了解了 typescript 中 declare 关键字的用途。
在 typescript 中 get 和 set
发布时间:2023/03/19 浏览次数:962 分类:typescript
-
本篇文章演示了类的 get 和 set 属性以及如何在 typescript 中实现它。
在 typescript 中返回一个 promise
发布时间:2023/03/19 浏览次数:586 分类:typescript
-
本教程讨论如何在 typescript 中返回正确的 promise。这将提供 typescript 中 returns promise 的完整编码示例,并完整演示每个步骤。
在 typescript 中定义函数回调的类型
发布时间:2023/03/19 浏览次数:1445 分类:typescript
-
本教程说明了在 typescript 中为函数回调定义类型的ag捕鱼王app官网的解决方案。为了程序员的方便和方便,实施了不同的编码实践指南。
在 typescript 中把 json 对象转换为一个类
发布时间:2023/03/19 浏览次数:521 分类:typescript
-
本教程演示了如何将 json 对象转换为 typescript 中的类。
使用 npm 将 typescript 更新到最新版本
发布时间:2023/03/19 浏览次数:446 分类:typescript
-
本教程说明了如何使用 npm 更新到最新版本的 typescript。这将为如何使用 npm 将 typescript 更新到最新版本提供完整的实际示例。
使用 jquery 和 typescript
发布时间:2023/03/19 浏览次数:246 分类:typescript
-
本教程提供了使用 jquery 和 typescript 的基本理解和概念。
检查 typescript 中的 undefined
发布时间:2023/03/19 浏览次数:239 分类:typescript
-
本教程说明了 typescript 中未定义检查的ag捕鱼王app官网的解决方案。这将提供 typescript 中未定义类型检查的完整编码示例,并完整演示每个步骤。