首頁 > web前端 > js教程 > 如何在 JavaScript 日期物件上新增 30 分鐘?

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

Mary-Kate Olsen
發布: 2025-01-04 10:50:40
原創
967 人瀏覽過

How to Add 30 Minutes to a JavaScript Date Object?

如何新增 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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板