如何向 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