如何在 JavaScript 中为 Date 对象添加天数？

在本教程中，我们将学习如何向 JavaScript Date 对象添加天数。我们将讨论以下两种方法。

  • 使用 setDate() 方法

  • 使用 getTime() 方法

使用 setDate() 方法

JavaScript 的 `setDate()` 方法根据本地时间设置指定日期的月份中的某一天。

语法

语法如下：

Date.setDate( dayValue )

这里 `dayValue` 是一个 1 到 31 之间的整数，表示月份中的某一天。

方法

要向当前日期添加天数，首先我们使用 `getDate()` 方法获取当前日期，然后将要添加的天数添加到当前日期，并将添加后的值传递给 `setDate()` 方法。

示例

在这个例子中，我们将 2 天添加到当前日期。

<!DOCTYPE html>
<html>
<head>
   <title>Example- add number of days to the Date object</title>
</head>
<body>
   <h2> Add Number of days to the JavaScript Date object using setDate( ) method </h2>
   <p> Click on the button to add 2 days to the current date/time.</p>
   <button onclick="add()">Click Me</button>
   <p id="currentTime">Current Date : </p>
   <p id="updatedTime">Updated Date: </p>
</body>
<script>
   // Code the show current date
   let ct = document.getElementById("currentTime")
   setInterval(() => {
      let currentDate = Date.now();
      ct.innerText = "Current Date : " + new Date(currentDate).toLocaleDateString()
   }, 1000)
   
   // Code to add 2 days to current Time
   let ut = document.getElementById("updatedTime")
   function add() {
      setInterval(() => {
         let dt = new Date();
         dt.setDate(dt.getDate() + 2);
         ut.innerText = "Updated Date : " + dt.toLocaleDateString();
      }, 1000)
   }
</script>
</html>

注意 - 日期格式为 MM/DD/YYYY

使用 getTime() 方法

JavaScript 的 `getTime()` 方法返回根据世界标准时间计算的指定日期对应的时间的数值。`getTime()` 方法返回的值是从 1970 年 1 月 1 日 00:00:00 算起的毫秒数。

语法

Date.getTime()

方法

要向 Date 对象添加天数，首先，我们使用 `Date.getTime()` 方法获取当前时间，然后将要添加的天数的毫秒值添加到它，并将添加后的值传递给 Date 对象。

示例

在这个例子中，我们将使用 `getTime()` 方法向当前时间添加 2 天。

<html>
<body>
   <h2> Add Number of days to the JavaScript Date object using getTime( ) method </h2>
   <p> Click on the button to add 2 days to the current date/time.</p>
   <button onclick="add()">Click Me</button>
   <p id="currentTime">Current Date : </p>
   <p id="updatedTime">Updated Date: </p>
</body>
<script>
   // Code the show current date
   let ct = document.getElementById("currentTime")
   setInterval(() => {
      let currentDate = Date.now();
      ct.innerText = "Current Date : " + new Date(currentDate).toLocaleDateString()
   }, 1000)
   
   // Code to add 2 days to current Time
   let ut = document.getElementById("updatedTime")
   function add() {
      setInterval(() => {
         let currentTime = new Date().getTime();
         let updatedTIme = new Date(currentTime + 2 * 24 * 60 * 60 * 1000);
         ut.innerText = "Updated Date : " + updatedTIme.toLocaleDateString()
      }, 1000)
   }
</script>
</html>

注意 - 日期格式为 MM/DD/YYYY

更新于：2022年8月22日

18K+ 次浏览

启动您的 职业生涯

完成课程获得认证

开始学习
广告