在 HTML 中获取今天的日期

Subodh Poudel 2023年2月19日 2022年1月2日
  1. 使用 JavaScript Date() 函数获取 HTML 中的当前日期
  2. 在 HTML 中以 y/m/d 格式获取当前日期
  3. 使用 HTML 中的 JavaScript 方法 toLocaleDateString() 获取当前日期
在 HTML 中获取今天的日期

在本文中,我们将介绍几种获取 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 对象。接下来,创建三个变量 yearmonthday。使用 date 对象调用方法 getFullYear()getMonth()getDate(),并存储在这些相应的变量中。接下来,使用 document 对象并调用 getElementById 属性来选择 div 的 id。接下来,将 innerHTML 设置为变量 monthdayyear,以斜线分隔。

通过这种方式,我们可以使用 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() 函数定义语言。该函数有两个参数,分别是 localesoptions。我们可以通过 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>
Subodh Poudel avatar Subodh Poudel avatar

Subodh is a proactive software engineer, specialized in fintech industry and a writer who loves to express his software development learnings and set of skills through blogs and articles.

LinkedIn