协慌网

登录 贡献 社区

如何将 30 分钟添加到 JavaScript Date 对象?

我想要一个比另一个 Date 对象晚 30 分钟的 Date 对象。我该如何使用 JavaScript?

答案

使用图书馆

如果您要进行大量的日期工作,则可能需要研究诸如DatejsMoment.js 之类的 JavaScript 日期库。例如,使用 Moment.js,这很简单:

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

香草 Javascript

这就像混乱的答案 ,但在一行中:

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

diff是您想要的与oldDateObj时间相差的分钟数。甚至可能是负面的。

或作为可重用功能,如果您需要在多个地方执行此操作:

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

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

小心香草 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 演示

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

var oldDateObj = new Date();
var newDateObj = new Date();
newDateObj.setTime(oldDateObj.getTime() + (30 * 60 * 1000));
console.log(newDateObj);