如何在 JavaScript 中获取月份中的日期？

在本教程中，我们将学习如何使用 JavaScript 找出月份中的日期。

我们将介绍用于获取 JavaScript 中月份和日期名称的最常用方法。如果您正在处理一个小型项目，那么一开始就为一些基本功能安装软件包可能会令人沮丧。

对于小型应用程序，应使用 JavaScript 的内置方法；仅在绝对必要时才添加依赖项。

使用 getDate() 方法

Date 对象是用于处理日期和时间的一种内置数据类型。new Date() 构造函数创建 Date 对象，它带有一系列用于管理和呈现该数据的内置方法。默认情况下，新的 Date 实例会生成一个表示当前日期和时间的对象（即，由计算机的系统设置决定）。我们对日期对象应用 getDate() 方法来仅查找日期。

语法

以下是 getDate() 方法的语法：

new Date().getDate(); // current date
new Date("October 31, 2021 09:38:00").getDate() // custom date

我们在上面的语法中创建了日期对象，并使用getDate()属性访问日期。

示例

在这个示例中，我们可以看到如何使用 getDate() 方法根据设备时间打印当前日期。这里，我们创建了两个日期对象。

对于day1，我们采用计算机的实时值，对于day2，我们在程序中查找用户提供的日期。通过这种方式，我们使用内置方法获取月份中的日期。

以下是一个使用 getDate* 方法将日期格式化为 MM-DD-YYYY hh:mm:ss 的示例。

<html>
<body>
   <h3>Get the day of month using <i>getDate()</i> method</h3>
   <p id = "output1"></p>
   <p id = "output2"></p>
</body>
   <script>
      
      // Get the current date
      let day1 = new Date().getDate();
      document.getElementById("output1").innerHTML = day1; //current date

      // Get a day in the week of a certain date
      let day2 = new Date("October 31, 2021 09:38:00").getDate();
      document.getElementById("output2").innerHTML = day2; //31
   </script>
</html>

使用 getUTCDate() 方法

由世界时间标准确定的时间称为UTC（协调世界时）。GMT 和 UTC 是同一个时区（格林威治标准时间）。

所有 JavaScript getUTC() 方法都假定使用 Date 的本地时间。此函数返回日期对象中月份的日期，范围从 1 到 31。getUTCDate() 函数返回根据 UTC 的日期。

语法

以下是 getUTCDate() 方法的语法：

new Date().getUTCDate(); // current date
new Date("October 31, 2021 09:38:00").getUTCDate () // custom date

在上面的语法中，我们使用了日期对象的getUTCDate()属性。

示例

在这个示例中，我们将展示如何通过使用 getUTCDate() 方法根据设备时间打印当前日期。

我们分别使用计算机的实时值作为day1和用户输入程序的日期作为day2。

因此，我们尝试通过使用 getUTCDate() 方法根据设备时间打印当前日期。通过使用内置方法，我们可以通过这种方式获取月份中的日期。

以下是一个使用 getUTC* 方法将日期格式化为 MM-DD-YYYY hh:mm:ss 的示例。通过使用内置方法，我们可以通过这种方式获取月份中的日期。

<html>
<body>
   <h3>Get the day of month using <i>getDate()</i> method</h3>
   <p id = "output1"></p>
   <p id = "output2"></p>
</body>
   <script>
   
      // Get the current date
      let day1 = new Date().getUTCDate();
      document.getElementById("output1").innerHTML = day1; //current date
 
      // Get a day in the week of a certain date
      let day2 = new Date("September 29, 2021 09:38:00").getUTCDate();
      document.getElementById("output2").innerHTML = day2; //31
   </script>
</html>

在本教程中，我们了解到可以使用 JavaScript 的内置方法getDate()和getUTCDate()来查找月份中的日期。

该getDate()方法以格林威治标准时间 (GMT) 区域向用户屏幕显示日期。

该getUTCDate() 根据协调世界时 (UTC) 区域显示日期。这两种方法在全球范围内对任何地区和设备时间都显示相同的时间。

更新于： 2022-08-26

6K+ 次查看

开启你的职业生涯

通过完成课程获得认证

开始学习
广告