如何向 JavaScript 日期添加天数?

front end technologyjavascriptweb development

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

  • 使用 setDate() 方法

  • 使用 getTime() 方法

使用 setDate() 方法

JavaScript date 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


相关文章