如何在 JavaScript 日期物件上新增 30 分鐘？

如何新增 JavaScript Date 物件 30 分鐘？

要為JavaScript Date 物件新增30 分鐘，您可以使用以下步驟：

使用庫

如果您進行大量日期工作時，您可能需要研究JavaScript 日期庫，例如Luxon、Day.js 或Moment.js。例如，對於Moment.js，這很簡單：

var newDateObj = moment(oldDateObj).add(30, 'm').toDate();

Vanilla JavaScript

這就像混沌的答案，但在一行中：

var newDateObj = new Date(oldDateObj.getTime() diff*60000);
其中 diff 是您想要的與 oldDateObj 時間的分鐘差。它甚至可以是負數。

或作為可重複使用函數，如果您需要在多個地方執行此操作：

function addMinutes(date, 分鐘) {

return new Date(date.getTime() + minutes*60000);

}
以防萬一這不明顯，我們將分鐘乘以60000 的原因是將分鐘轉換為毫秒。

小心 Vanilla JavaScript。約會很難！

您可能認為可以在日期上添加 24 小時以獲得明天的日期，對吧？錯誤！

事實證明，如果使用者遵守夏令時，一天不一定是 24 小時。一年中有一天只有23小時，一年中有一天只有25小時。例如，在美國和加拿大的大部分地區，2014 年11 月2 日午夜後24 小時仍然是11 月2 日：

const NOV = 10; //因為JS月份少了一個...
addMinutes(new Date(2014, NOV, 2), 60*24); //在美國，印製11 月2 日晚上11 點，而不是 11 月 3 日上午 12 點！
這就是為什麼如果您必須為此做很多工作，使用上述程式庫之一是更安全的選擇。

以下是我寫的函數的更通用版本。我仍然建議使用庫，但這對於您的專案來說可能有點過分/不可能。語法模仿 MySQL DATE_ADD 函數。

/**

• 為日期新增時間。仿照 MySQL DATE_ADD 函數建模。
• 範例：dateAdd(new Date(), 'min', 30) // 傳回從現在開始的 30 分鐘。
• https://stackoverflow.com/a /1214753/18511
• @param 日期開始日期
• @param Interval其中之一：年、季、月、週、日、小時、分鐘、秒
• @paramunits 要新增的給定間隔的單位數。
  */

function dateAdd(date,interval,units) {
if(!( date instanceof Date))

return undefined;

var ret = new Date(date); //不要改變原始日期
var checkRollover = function() { if(ret.getDate() != date.getDate()) ret.setDate(0);};
switch(String(interval) ) .toLowerCase()) {

case 'year'   :  ret.setFullYear(ret.getFullYear() + units); checkRollover();  break;
case 'quarter':  ret.setMonth(ret.getMonth() + 3*units); checkRollover();  break;
case 'month'  :  ret.setMonth(ret.getMonth() + units); checkRollover();  break;
case 'week'   :  ret.setDate(ret.getDate() + 7*units);  break;
case 'day'    :  ret.setDate(ret.getDate() + units);  break;
case 'hour'   :  ret.setTime(ret.getTime() + units*3600000);  break;
case 'minute' :  ret.setTime(ret.getTime() + units*60000);  break;
case 'second' :  ret.setTime(ret.getTime() + units*1000);  break;
default       :  ret = undefined;  break;

}
返回ret;
}
正在運行的 jsFiddle 演示。

以上是如何在 JavaScript 日期物件上新增 30 分鐘？的詳細內容。更多資訊請關注PHP中文網其他相關文章！