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

时间:2009-07-29 03:34:35

标签: javascript date date-manipulation

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

25 个答案:

答案 0 :(得分:833)

使用库

如果您正在进行大量日期工作,则可能需要查看JavaScript日期库,例如DatejsMoment.js。例如,使用Moment.js,这只是:

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

Vanilla Javascript

这就像chaos's answer,但在一行中:

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

diff时间oldDateObjfunction addMinutes(date, minutes) { return new Date(date.getTime() + minutes*60000); } 时间的差异。它甚至可能是负面的。

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

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

小心使用Vanilla Javascript。日期很难!

您可能认为可以将24小时添加到明天的日期,对吗? 错!

addMinutes(new Date('2014-11-02'), 60*24); //In USA, prints 11pm on Nov 2, not 12am Nov 3!

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

/**
 * 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) {
  var ret = new Date(date); //don't change original date
  var checkRollover = function() { if(ret.getDate() != date.getDate()) ret.setDate(0);};
  switch(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;
}

这就是为什么使用上述库之一是一个更安全的选择,如果你需要做很多工作。

下面是我写的这个函数的更通用的版本。我仍然建议使用一个库,但这可能对您的项目来说是过度/不可能的。语法是在MySQL DATE_ADD函数之后建模的。

{{1}}

Working jsFiddle demo

答案 1 :(得分:206)

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

答案 2 :(得分:137)

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

答案 3 :(得分:88)

var now = new Date();
now.setMinutes(now.getMinutes() + 30); // timestamp
now = new Date(now); // Date object
console.log(now);

答案 4 :(得分:40)

也许是这样的?

var d = new Date();
var v = new Date();
v.setMinutes(d.getMinutes()+30);

console.log(v)

答案 5 :(得分:30)

我总是创建7个函数,在JS中使用日期:addSeconds,addMinutes,addHours,addDays,addWeeks,addMonths,addYears。

您可以在此处查看示例:http://jsfiddle.net/tiagoajacobi/YHA8x/

使用方法:

var now = new Date();
console.log(now.addMinutes(30));
console.log(now.addWeeks(3));

这是功能:

        Date.prototype.addSeconds = function(seconds) {
            this.setSeconds(this.getSeconds() + seconds);
            return this;
        };

        Date.prototype.addMinutes = function(minutes) {
            this.setMinutes(this.getMinutes() + minutes);
            return this;
        };

        Date.prototype.addHours = function(hours) {
            this.setHours(this.getHours() + hours);
            return this;
        };

        Date.prototype.addDays = function(days) {
            this.setDate(this.getDate() + days);
            return this;
        };

        Date.prototype.addWeeks = function(weeks) {
            this.addDays(weeks*7);
            return this;
        };

        Date.prototype.addMonths = function (months) {
            var dt = this.getDate();

            this.setMonth(this.getMonth() + months);
            var currDt = this.getDate();

            if (dt !== currDt) {  
                this.addDays(-currDt);
            }

            return this;
        };

        Date.prototype.addYears = function(years) {
            var dt = this.getDate();

            this.setFullYear(this.getFullYear() + years);

            var currDt = this.getDate();

            if (dt !== currDt) {  
                this.addDays(-currDt);
            }

            return this;
        };

答案 6 :(得分:12)

最简单的解决方法是识别javascript中的日期只是数字。它从0'Wed Dec 31 1969 18:00:00 GMT-0600 (CST)开始。每1代表一毫秒。您可以通过获取值并使用该值实例化新日期来添加或减去毫秒数。你可以用这种心思轻松地管理它。

const minutesToAdjust = 10;
const millisecondsPerMinute = 60000;
const originalDate = new Date('11/20/2017 10:00 AM');
const modifiedDate1 = new Date(originalDate.valueOf() - (minutesToAdjust * millisecondsPerMinute));
const modifiedDate2 = new Date(originalDate.valueOf() + (minutesToAdjust * millisecondsPerMinute));

console.log(originalDate); // Mon Nov 20 2017 10:00:00 GMT-0600 (CST)
console.log(modifiedDate1); // Mon Nov 20 2017 09:50:00 GMT-0600 (CST)
console.log(modifiedDate2); // Mon Nov 20 2017 10:10:00 GMT-0600 (CST)

答案 7 :(得分:9)

这就是我所做的,它看起来效果很好:

Date.prototype.addMinutes = function(minutes) {
    var copiedDate = new Date(this.getTime());
    return new Date(copiedDate.getTime() + minutes * 60000);
}

然后你可以这样称呼它:

var now = new Date();
console.log(now.addMinutes(50));

答案 8 :(得分:7)

停止使用 Moment.js

正如其他很棒的答案所推荐的那样,在大多数情况下,最好在处理日期时使用库。但是,重要的是要知道,自 2020 年 9 月起,Moment.js 被视为遗留,不应再在新项目中使用。

在他们的 official docs 中引用 Moment 的声明:

<块引用>

我们不鼓励在未来的新项目中使用 Moment。 [...] 我们现在通常认为 Moment 是处于维护模式的遗留项目。它没有,但确实完成

现代图书馆

以下是 Moment 推荐的替代方案。

Luxon

Luxon 可以被认为是 Moment 的进化。它的作者是 Isaac Cambron,他是 Moment 的长期贡献者。请阅读 Luxon 文档中的 Why does Luxon exist?For Moment users 页。

  • 语言环境:提供Intl
  • 时区:提供Intl
import {DateTime} from 'luxon'

function addMinutes(date, minutes) {
    return DateTime.fromJSDate(date).plus({minutes}).toJSDate()
}

Day.js

Day.js 旨在成为 Moment.js 的极简替代品,使用类似的 API。它不是替代品,但如果您习惯使用 Moment 的 API 并希望快速行动,请考虑使用 Day.js。

  • 区域设置:可以单独导入的自定义数据文件
  • 时区:Intl 通过插件提供
import dayjs from 'dayjs'

function addMinutes(date, minutes) {
    return dayjs(date).add(minutes, 'minutes').toDate()
}

date-fns

Date-fns 提供了一系列用于操作 JavaScript Date 对象的函数。有关更多详细信息,请滚动到“为什么使用 date-fns?”在 date-fns 主页上。

  • 区域设置:可以单独导入的自定义数据文件
  • 时区:Intl 通过单独的配套库提供
import {addMinutes} from 'date-fns'

function addMinutesDemo(date, minutes) {
    return addMinutes(date, minutes)
}

js-Joda

js-Joda 是 Java 的 Three-Ten Backport 的 JavaScript 端口,它是 Java SE 8 java.time 包的 JSR-310 实现的基础。如果您熟悉 java.timeJoda-TimeNoda Time,您会发现 js-Joda 具有可比性。

  • 区域设置:通过附加模块自定义数据文件
  • 时区:通过附加模块自定义数据文件
import {LocalDateTime, nativeJs, convert} from '@js-joda/core'

function addMinutes(date, minutes) {
    return convert(
        LocalDateTime.from(
            nativeJs(date)
        ).plusMinutes(minutes)
    ).toDate()
}

答案 9 :(得分:5)

以下是 ES6 版本:

let getTimeAfter30Mins = () => {
  let timeAfter30Mins = new Date();
  timeAfter30Mins = new Date(timeAfter30Mins.setMinutes(timeAfter30Mins.getMinutes() + 30));
};

称之为:

getTimeAfter30Mins();

答案 10 :(得分:5)

我觉得这里的许多答案缺乏创意组件,非常需要时间旅行计算。我提出了30分钟的时间翻译解决方案。

(jsfiddle here

function fluxCapacitor(n) {
    var delta,sigma=0,beta="ge";
    (function(K,z){

        (function(a,b,c){
            beta=beta+"tT";
            switch(b.shift()) {
                case'3':return z('0',a,c,b.shift(),1);
                case'0':return z('3',a,c,b.pop());
                case'5':return z('2',a,c,b[0],1);
                case'1':return z('4',a,c,b.shift());
                case'2':return z('5',a,c,b.pop());
                case'4':return z('1',a,c,b.pop(),1);
            }
        })(K.pop(),K.pop().split(''),K.pop());
    })(n.toString().split(':'),function(b,a,c,b1,gamma){
       delta=[c,b+b1,a];sigma+=gamma?3600000:0; 
       beta=beta+"im";
    });
    beta=beta+"e";
    return new Date (sigma+(new Date( delta.join(':')))[beta]());
}

答案 11 :(得分:4)

这是我的班轮:

console.log('time: ', new Date(new Date().valueOf() + 60000))

答案 12 :(得分:4)

您应该获取当前日期的值,以(ms)来获取日期,并向其添加(30 * 60 * 1000)。现在您有了(当前日期+ 30分钟)的毫秒数

console.log('with ms', Date.now() + (30 * 60 * 1000))
console.log('new Date', new Date(Date.now() + (30 * 60 * 1000)))

答案 13 :(得分:3)

您可以这样做:

let thirtyMinutes = 30 * 60 * 1000; // convert 30 minutes to milliseconds
let date1 = new Date();
let date2 = new Date(date1.getTime() + thirtyMinutes);
console.log(date1);
console.log(date2);

答案 14 :(得分:2)

使用已知的现有库来处理处理时间计算所涉及的怪癖。我目前最喜欢的是moment.js

<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.13.0/moment.js"></script>
<script>
 var now = moment(); // get "now"
 console.log(now.toDate()); // show original date
 var thirty = moment(now).add(30,"minutes"); // clone "now" object and add 30 minutes, taking into account weirdness like crossing DST boundries or leap-days, -minutes, -seconds.
 console.log(thirty.toDate()); // show new date
</script>

答案 15 :(得分:2)

我知道这个话题太老了。但是我可以肯定的是,仍然有一些开发人员仍然需要这个,所以我为您制作了这个简单的脚本。 我希望你喜欢它!

你好,现在是2020年,我已经添加了一些修改,希望现在对它有更大的帮助!

function strtotime(date, addTime){
  let generatedTime=date.getTime();
  if(addTime.seconds) generatedTime+=1000*addTime.seconds; //check for additional seconds 
  if(addTime.minutes) generatedTime+=1000*60*addTime.minutes;//check for additional minutes 
  if(addTime.hours) generatedTime+=1000*60*60*addTime.hours;//check for additional hours 
  return new Date(generatedTime);
}

Date.prototype.strtotime = function(addTime){
  return strtotime(new Date(), addTime); 
}

let futureDate = new Date().strtotime({
    hours: 16, //Adding one hour
    minutes: 45, //Adding fourty five minutes
    seconds: 0 //Adding 0 seconds return to not adding any second so  we can remove it.
});
<button onclick="console.log(futureDate)">Travel to the future</button>

答案 16 :(得分:2)

其他解决方案:

var dateAv = new Date();
var endTime = new Date(dateAv.getFullYear(), dateAv.getMonth(), dateAv.getDate(), dateAv.getHours(), dateAv.getMinutes() + 30);
          

答案 17 :(得分:1)

一行代码

make_archive('/path/to/folder', '/path/to/folder.zip')

其中 var afterSomeMinutes = new Date(new Date().getTime() + minutes * 60000); 是一个数字

答案 18 :(得分:1)

这是IsoString版本:

console.log(new Date(new Date().setMinutes(new Date().getMinutes() - (30))).toISOString());

答案 19 :(得分:1)

我写的另一个选项是:

DP_DateExtensions Library

如果这是你需要的所有日期处理,那就太过分了,但它会做你想要的。

支持日期/时间格式,日期数学(加/减日期部分),日期比较,日期解析等。它是自由开源的。

答案 20 :(得分:1)

像我一样懒惰:

Kip在coffeescript中回答(从上面),使用&#34; enum&#34;,并对同一个对象进行操作:

Date.UNIT =
  YEAR: 0
  QUARTER: 1
  MONTH: 2
  WEEK: 3
  DAY: 4
  HOUR: 5
  MINUTE: 6
  SECOND: 7
Date::add = (unit, quantity) ->
  switch unit
    when Date.UNIT.YEAR then @setFullYear(@getFullYear() + quantity)
    when Date.UNIT.QUARTER then @setMonth(@getMonth() + (3 * quantity))
    when Date.UNIT.MONTH then @setMonth(@getMonth() + quantity)
    when Date.UNIT.WEEK then @setDate(@getDate() + (7 * quantity))
    when Date.UNIT.DAY then @setDate(@getDate() + quantity)
    when Date.UNIT.HOUR then @setTime(@getTime() + (3600000 * quantity))
    when Date.UNIT.MINUTE then @setTime(@getTime() + (60000 * quantity))
    when Date.UNIT.SECOND then @setTime(@getTime() + (1000 * quantity))
    else throw new Error "Unrecognized unit provided"
  @ # for chaining

答案 21 :(得分:0)

就这么简单;

let initial_date = new Date;
let added30Min = new Date(initial_date.getTime() + (30*60*1000);

答案 22 :(得分:0)

您只需将此代码与 momnet 库一起使用:

console.log(moment(moment()).add(30,"minutes").format('MM/DD/YYYY hh:mm:ss'));

答案 23 :(得分:0)

var myDate= new Date();
var MyNewDate = new Date 
(myDate.getFullYear(),myDate.getMonth(),myDate.getDate(),myDate.getMinutes()+10,01,01)

答案 24 :(得分:0)

var add_minutes =  function (dt, minutes) {
return new Date(dt.getTime() + minutes*60000);
}
 console.log(add_minutes(new Date(2014,10,2), 30).toString());