如何在JavaScript Date对象中添加30分钟?使用库Vanilla Javascript小心Vanilla Javascript。约会很难!

2022-08-29 22:09:40

我想得到一个 Date 对象,它比另一个 Date 对象晚 30 分钟。我如何使用JavaScript做到这一点?


答案 1

使用库

如果你正在做大量的日期工作,你可能想看看JavaScript日期库,如DatejsMoment.js。例如,对于 Moment.js,这很简单:

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

Vanilla Javascript

这就像混沌的答案,但只有一行:

var newDateObj = new Date(oldDateObj.getTime() + diff*60000);

您希望与 的时间相差的分钟数在哪里。它甚至可能是负面的。diffoldDateObj

或者作为可重用的功能,如果您需要在多个位置执行此操作:

function addMinutes(date, minutes) {
    return new Date(date.getTime() + minutes*60000);
}

为了以防万一这不明显,我们将分钟乘以60000的原因是将分钟转换为毫秒。

小心Vanilla Javascript。约会很难!

你可能会认为你可以在日期上加上24小时来获得明天的日期,对吧?错!

addMinutes(myDate, 60*24); //DO NOT DO THIS

事实证明,如果用户遵守夏令时,一天不一定为24小时。一年有一天只有23小时长,一年有一天只有25小时长。例如,在美国和加拿大的大部分地区,2014 年 11 月 2 日午夜后 24 小时仍为 11 月 2 日:

const NOV = 10; //because JS months are off by one...
addMinutes(new Date(2014, NOV, 2), 60*24); //In USA, prints 11pm on Nov 2, not 12am Nov 3!

这就是为什么如果你必须为此做很多工作,那么使用前面提到的库之一是一个更安全的选择。

以下是我编写的此函数的更通用版本。我仍然建议使用库,但这对于您的项目来说可能有些过分/不可能。语法是按照MySQL DATE_ADD函数建模的。

/**
 * Adds time to a date. Modelled after MySQL DATE_ADD function.
 * Example: dateAdd(new Date(), 'minute', 30)  //returns 30 minutes from now.
 * https://stackoverflow.com/a/1214753/18511
 * 
 * @param date  Date to start with
 * @param interval  One of: year, quarter, month, week, day, hour, minute, second
 * @param units  Number of units of the given interval to add.
 */
function dateAdd(date, interval, units) {
  if(!(date instanceof Date))
    return undefined;
  var ret = new Date(date); //don't change original 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;
  }
  return ret;
}

工作 jsFiddle 演示


答案 2
var d1 = new Date (),
    d2 = new Date ( d1 );
d2.setMinutes ( d1.getMinutes() + 30 );
alert ( d2 );