带你了解JavaScript日期对象

吴欣
114 阅读4分钟

JavaScript有一个内置的数据类型，可以创建动态日期或存储当前、之前或未来的日期。日期对象可以通过使用new Date() 方法来创建。

一旦日期对象被创建，你就可以对它进行不同的操作。你可以使用日期对象在你的网站上显示一个计时器。

在JavaScript中，日期是指从1970年1月1日午夜开始，UTC中经过的毫秒数。需要注意的是，尽管JavaScript中的日期是基于UTC的，当JavaScript代码在浏览器上执行时，它从主机系统中获取了时区。

注意：我们将使用浏览器控制台来演示本篇文章中执行的例子。要打开浏览器的控制台。

  • 在Chrome和其他基于chromium的浏览器中使用F12键。
  • 在Mozilla使用CTRL + SHIFT + K键盘快捷键。
  • 在Safari浏览器中使用Option + ⌘ + C键盘快捷键（如果没有出现开发者菜单，则按⌘ + 打开偏好**，** 并在 高级标签中勾选 "在菜单栏中显示开发菜单"）。

如何在JavaScript中创建一个日期对象？

如上所述，日期对象可以用new Date() 方法创建。要在JavaScript中使用一个日期对象，我们首先需要创建一个变量，然后存储其日期。在JavaScript中，日期被显示为一个全文字串。

var date = new Date();
console.log(date);

没有任何括号的new Date() 函数创建了一个带有当前日期的对象。我们也可以向new Date() 函数传递参数，以便用任何指定的日期和时间创建新的日期对象。参数在new Date() 函数中使用以下语法。

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

例子

var date = new Date(2001, 10, 10, 01, 37, 50, 50);

console.log(date);

在上面的例子中，第10个月是11月；这是因为JavaScript从0开始数月，所以1月是JavaScript的第0个月。

我们可以向新的Date() 函数传递（最小）1到（最大）7个参数。

现在让我们来试试五个参数。

new Date(year, month, day, hours, minutes)
var date = new Date(2001, 10, 10, 01, 37);

console.log(date);

默认情况下，秒是00。

以同样的方式，我们也可以给出两个、三个、四个和六个参数。除非我们只给一个参数，否则参数的顺序将始终保持不变。

如果只向new Date() 函数提供一个参数，它将被认为是毫秒数。

var date = new Date(2001);

console.log(date);

上面的截图中显示的时间是1970年1月1日午夜后的2001毫秒。

一个或两个数字的年份将从上个世纪考虑。

var date = new Date(9, 5);

console.log(date);

我们还可以向新的Date() 函数传递一个日期字符串。

var date = new Date("November 10, 2001 01:37:50:50");

console.log(date);

JavaScript的日期方法

在JavaScript中，我们可以使用不同的方法来对一个日期对象进行不同的操作。这里将讨论其中的几个方法。

getFullYear()方法

getFullYear() 方法可以用来从日期对象中获取年份。

var date = new Date();

console.log(date.getFullYear());

getMonth()方法

getMonth() 方法返回日期对象中的月份值。

var date = new Date();

console.log(date.getMonth());

注意： 这个值总是比实际的月份少一个。

同样，getDate(),getHours(),getMinutes(),getSeconds()和getMilliseconds() 可以分别用来获取日期、小时、分钟、秒和毫秒的单独值。

getTime()方法

getTime 方法可以用来获取从1970年1月1日午夜开始的毫秒数。

var date = new Date();

console.log(date.getTime());

getDay()方法

**getDay()**方法是用来获取日期对象中的工作日数的。在JavaScript中，日子的编号从0到6，一周从周日开始。

var date = new Date();

console.log(date.getDay());

setFullYear()方法

setFullYear() 方法是用来设置日期对象的年份。它也可以选择设置日期对象的月和日。

var date = new Date();

console.log(date.getFullYear());

date.setFullYear(1993);

console.log(date.getFullYear());

setMonth()方法

setMonth()方法是用来设置日期对象中的月份。

var date = new Date();

console.log(date.getMonth());

date.setMonth(8);

console.log(date.getMonth());

同样，setDate(), setHours(),setMinutes(),setSeconds() 和setMilliseconds() 可以用来设置日期对象中的日期、小时、分钟、秒和毫秒（分别）的单独值。

setTime()方法

setTime方法可以用来设置1970年1月1日午夜后的毫秒时间。

var date = new Date();

console.log(date);

date.setTime(800000);

console.log(date);

结论

Date对象是一个内置的数据类型，用于在JavaScript中存储和显示日期。每当你在网页上看到一个时间计数器或倒计时，背后都有一个日期对象。在JavaScript中处理日期时，日期对象是非常有用的。

在这篇文章中，我们讨论了什么是日期对象以及如何创建它。此外，我们还学习了一些方法，我们可以用这些方法来操作日期对象，并根据我们的需要对其进行操作。

日期对象可能是非常令人困惑和难以操作的。许多JavaScript开发人员在他们的代码中需要使用日期时，选择了第三方库而不是内置的日期对象。

avatar
文章
阅读
粉丝