如何在 JavaScript 中为日期添加天数？

在本教程中，我们将学习如何向 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+ 次浏览

开启你的 职业生涯

通过完成课程获得认证

立即开始
广告