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

javascriptweb developmentfront end technology更新于 2024/5/17 20:14:00

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

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

JavaScript 的内置方法应用于实现小型应用程序;只有在绝对必要时才应添加依赖项

使用 getDate() 方法

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

语法

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

new Date().getDate(); // 当前日期
new Date("2021 年 10 月 31 日 09:38:00").getDate() // 自定义日期

我们已经按照上述语法创建了日期对象,并使用 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() 方法都假定使用日期的本地时间。此函数返回日期对象的月份日期,范围从 1 到 31。根据 UTC 的日期由 getUTCDate() 函数返回。

语法

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

new Date().getUTCDate(); // 当前日期
new Date("2021 年 10 月 31 日 09:38:00").getUTCDate () // 自定义日期

在上面的语法中,我们使用了日期对象的 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) 时区显示日期。 这两种方法都为全世界的任何地区和设备显示相同的时间。


相关文章