迹忆客 专注技术分享

在本文中，我们将介绍几种获取 HTML 中当前日期的方法。

使用 JavaScript Date() 函数获取 HTML 中的当前日期

我们可以使用 JavaScript Date() 函数来获取当前日期。该函数返回当前日期和时间。我们可以创建一个 HTML 容器并使用 JavaScript 在其中显示当前日期。我们将使用 innerHTML 属性在 HTML 中写入日期。

例如，创建一个 div 并将 current_date 设置为它的 id。然后，在 script 标签中编写一些 JavaScript。使用 getElementById 属性选择 current_id 并调用 Date() 函数。使用 innerHTML 属性在 HTML 中写入返回的日期。

下面的示例将显示当前日期和时间，如下面的输出部分所示。输出包含星期几、月、日、年、小时、分钟、秒和 GMT 以及有关位置的信息。

示例代码：

<div id="current_date"></p>
<script>
document.getElementById("current_date").innerHTML = Date();
</script>

在 HTML 中以 y/m/d 格式获取当前日期

我们还可以使用各种 JavaScript Date() 方法以 y/m/d 格式查找当前日期。我们可以从 getFullYear() 方法获取当前年份，从 getMonth() 方法获取当前月份，从 getDate() 方法获取当前日期。在这个方法中，我们将使用 Date() 对象来访问这些不同的函数。我们可以以任何我们想要的方式格式化日期，并使用 innerHTML 属性将其显示在 HTML 页面上。

例如，创建一个与上述方法具有相同 id 的 div。在 JavaScript 中，创建 Date() 类的 date 对象。接下来，创建三个变量 year、month 和 day。使用 date 对象调用方法 getFullYear()、getMonth() 和 getDate()，并存储在这些相应的变量中。接下来，使用 document 对象并调用 getElementById 属性来选择 div 的 id。接下来，将 innerHTML 设置为变量 month、day 和 year，以斜线分隔。

通过这种方式，我们可以使用 JavaScript Date() 类在 HTML 中以 m/d/y 格式获取当前日期。

示例代码：

<div id="current_date"></p>
<script>
date = new Date();
year = date.getFullYear();
month = date.getMonth() + 1;
day = date.getDate();
document.getElementById("current_date").innerHTML = month + "/" + day + "/" + year;
</script>

使用 HTML 中的 JavaScript 方法 toLocaleDateString() 获取当前日期

我们可以使用 JavaScript 函数 toLocaleDateString() 来查找当前日期。toLocaleDateString() 函数根据函数中提供的语言返回当前日期。有各种特定于语言的约定，我们可以使用 toLocaleDateString() 函数定义语言。该函数有两个参数，分别是 locales 和 options。我们可以通过 locales 选项指定输出的语言。例如，我们可以对美国英语使用 en-US，对英国英语使用 en-GB。

例如，创建一个 div 并在 script 标签内编写 JavaScript。创建 Date() 类的 date 对象并调用方法 toLocaleDateString()。接下来，使用 document.write() 显示 date 变量。

我们可以看到 m/d/y 格式的输出。因此，我们可以使用 toLocaleDateString() 方法在 HTML 中查找当前日期。

示例代码：

<div>
<script>
date = new Date().toLocaleDateString();
document.write(date);
</script>
</div>