JavaScript中Date对象的用法详解

JavaScript中，Date对象用于处理日期和时间。常见创建Date对象的方式有两种，具体介绍如下。推荐了解黑马程序员web前端课程。
创建不带参数的Date对象，示例代码如下:
var d=new Date();
在上述代码中，创建了一个含有系统当前日期和时间的Date对象。
创建一个指定日期的Date对象，示例代码如下:
var d=new Date(2015,1);
在上述示例代码中“2015”表示年份，“1”表示月份，运用这种方式可以分别传入年、月、日、时、分、秒(月的范围是0-11，即真实月份减去1)，例如下面的示例代码:
var =new Dte(2015,7,3,10,20,30,50);
在上述代码中，创建了一个包含确切日期和时间的Date对象，即2015年8月3日10点20分30秒50毫秒。需要注意的是，在创建指定日期的Date对象时，最少需要指定年、月两个参数，后面的参数在省略时会自动使用默认值。值得一提的是，通过字符串也可以传入事件和日期，其创建方式如下:
var d=new Date('2017-10-0111:53:04');
在上述示例代码中，系统会自动识别字符串，转换为日期和时间。需要注意的是使用字符串传入日期时，至少要指定年份。了解创建对象的常见方式之后，接下来介绍Date对象的常用方法。

（1）getFullYear()
获取表示年份的4位数字，如2020。
（2）setFullYear(value)
设置年份
（3）getMonth()
获取月份，范围为0-11(0表示一月，1表示二月，依此类推)
（4）setMonth(value)
设置月份
（5）getDate()
获取月份中的某一天，范围为1~31
（6）setDate(value)
设置月份中的某一天
（7）getDay()
获取星期，范围为0-6(0表示星期日，1表示星期一，依此类推)
（8）getHours()
获取小时数，范围为0-23
（9）setHours(value)
设置小时数
（10）getMinutes()
获取分钟数，范围为0~59
（11）setMinutes(value)
设置分钟数
（12）getSeconds()
获取秒数，范围为0-59
（13）setSeconds(value)
设置秒数
（14）getMilliseconds()获取毫秒数，范围为0-99
（15）setMilliseconds(value)
设置毫秒数
（16）getTime()
获取从1970-01-01 00:00:00距离Date对象所代表时间的毫秒数
（17）setTime(value)
通过从1970-01-01 00:00: 00计时的毫秒数来设置时间

喜欢记得关注一下哦。

常开发中，Date对于我们来说是经常使用到的，平常使用的一些UI框架，如Antd、ElementUI等都会使用像moment.js、day.js的时间工具库去处理它们关于时间的组件，但当我们脱离这些框架，想去解决一个关于时间转换的问题，引入一个时间工具库就显得冗余了，由此这里给大家分享22个关于Date实用的一行Javascript与typescript代码大全，建议收藏阅读！

前置知识

Intl 对象是 ECMAScript 国际化 API 的一个命名空间，它提供了精确的字符串对比、数字格式化，和日期时间格式化。Collator，NumberFormat 和 DateTimeFormat 对象的构造函数是 Intl 对象的属性。了解更多

Intl.DateTimeFormat是根据语言来格式化日期和时间的对象的构造器

语法：

// locales为语言
new Intl.DateTimeFormat([locales[, options]])
Intl.DateTimeFormat.call(this[, locales[, options]])
// 格式化对应语言得日期，date为Date实例，返回日期字符串
new Intl.DateTimeFormat(locale).format(date)
// 获取时区
Intl.DateTimeFormat().resolvedOptions().timeZone

22个关于Date实用的一行Javascript与typescript代码大全

为小时添加AM/PM

JavaScript 版本

// `h` 是 0 到 23 之间的小时数
const suffixAmPm = (h) => `${h % 12 === 0 ? 12 : h % 12}${h < 12 ? 'am' : 'pm'}`;

TypeScript 版本

期对象用于处理日期和时间。

在线实例

如何使用 Date() 方法获得当日的日期。

<a target="_blank" href="http://www.runoob.com/try/try.php?filename=tryjsref_date" 返回当日的日期和时间<="" a="" style="margin: 0px; padding: 0px; color: rgb(100, 133, 76); text-decoration: underline; transition-duration: 0.2s; transition-property: opacity;">getFullYear()

使用 getFullYear() 获取年份。

getTime()

getTime() 返回从 1970 年 1 月 1 日至今的毫秒数。

setFullYear()

如何使用 setFullYear() 设置具体的日期。

toUTCString()

如何使用 toUTCString() 将当日的日期（根据 UTC）转换为字符串。

getDay()

如何使用 getDay() 和数组来显示星期，而不仅仅是数字。

Display a clock

如何在网页上显示一个钟表。

完整的 Date 对象参考手册

我们提供 JavaScript Date 对象参考手册，其中包括所有可用于日期对象的属性和方法。JavaScript Date 对象参考手册。

该手册包含了对每个属性和方法的详细描述以及相关实例。

创建日期

Date 对象用于处理日期和时间。

可以通过 new 关键词来定义 Date 对象。以下代码定义了名为 myDate 的 Date 对象：

有四种方式初始化日期:

new Date() // 当前日期和时间

new Date(milliseconds) //返回从 1970 年 1 月 1 日至今的毫秒数

new Date(dateString)

new Date(year, month, day, hours, minutes, seconds, milliseconds)

上面的参数大多数都是可选的，在不指定的情况下，默认参数是0。

<p从 1970="" 年="" 1="" 月="" 日通用一天计算为86,400,000毫秒<="" p="" style="color: rgb(51, 51, 51); font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, STHeiti, 'Microsoft Yahei', sans-serif; font-size: 12px; line-height: normal; white-space: normal;">

实例化一个日期的一些例子：

var today = new Date()

var d1 = new Date("October 13, 1975 11:13:00")

var d2 = new Date(79,5,24)

var d3 = new Date(79,5,24,11,33,0)

设置日期

通过使用针对日期对象的方法，我们可以很容易地对日期进行操作。

在下面的例子中，我们为日期对象设置了一个特定的日期 (2010 年 1 月 14 日)：

var myDate=new Date();

myDate.setFullYear(2010,0,14);

在下面的例子中，我们将日期对象设置为 5 天后的日期：

var myDate=new Date();

myDate.setDate(myDate.getDate()+5);

注意: 如果增加天数会改变月份或者年份，那么日期对象会自动完成这种转换。

两个日期比较

日期对象也可用于比较两个日期。

下面的代码将当前日期与 2100 年 1 月 14 日做了比较：

var x=new Date();

x.setFullYear(2100,0,14);

var today = new Date();

if (x>today)

{

alert("今天是2100年1月14日之前");

}

else

{

alert("今天是2100年1月14日之后");

}

如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039，我们一起飞！

在线咨询

上一篇：html中textarea标签高度内容自适应
下一篇：一键生成通用高亮代码块到剪贴板，可粘贴到在线编辑器

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

整合营销服务商

JavaScript中Date对象的用法详解

为小时添加AM/PM

您的项目需求