在 HTML 中获取今天的日期
-
使用 JavaScript
Date()
函数获取 HTML 中的当前日期 -
在 HTML 中以
y/m/d
格式获取当前日期 -
使用 HTML 中的 JavaScript 方法
toLocaleDateString()
获取当前日期
在本文中,我们将介绍几种获取 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>
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