Chciałbym uzyskać obiekt Date, który jest 30 minut później niż inny obiekt Date. Jak to zrobić za pomocą JavaScript?

Korzystanie z biblioteki

Jeśli wykonujesz dużo pracy związanej z datami, możesz zajrzeć do bibliotek dat JavaScript, takich jak Datejs lub Moment.js . Na przykład w przypadku Moment.js jest to po prostu:

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

Waniliowy Javascript

To odpowiedź chaosu , ale w jednym wierszu:

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

Gdzie diffjest różnica w minutach, którą chcesz od oldDateObjczasu. Może być nawet negatywny.

Lub jako funkcja wielokrotnego użytku, jeśli musisz to zrobić w wielu miejscach:

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

^{I na wypadek, gdyby nie było to oczywiste, mnożymy minuty przez 60000konwersję minut na milisekundy.}

Uważaj na Vanilla Javascript. Daty są trudne!

Możesz pomyśleć, że możesz dodać 24 godziny do daty, aby uzyskać jutrzejszą datę, prawda? Źle!

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

Okazuje się, że jeśli użytkownik zauważy czas letni, dzień niekoniecznie musi trwać 24 godziny. Jest jeden dzień w roku, który ma tylko 23 godziny, i jeden dzień w roku, który ma 25 godzin. Na przykład w większości Stanów Zjednoczonych i Kanady, 24 godziny po północy, 2 listopada 2014 r., Wciąż jest 2 listopada:

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!

Dlatego korzystanie z jednej z wyżej wymienionych bibliotek jest bezpieczniejszym wyborem, jeśli musisz dużo z tym zrobić.

Poniżej znajduje się bardziej ogólna wersja tej funkcji, którą napisałem. Nadal polecam korzystanie z biblioteki, ale może to być przesada / niemożliwe dla twojego projektu. Składnia jest modelowana na podstawie funkcji 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;
}

Działające demo jsFiddle .

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

Może coś takiego?

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

console.log(v)

Zawsze tworzę 7 funkcji do pracy z datą w JS: addSeconds, addMinutes, addHours, addDays, addWeeks, addMonths, addYears.

Przykład możesz zobaczyć tutaj: http://jsfiddle.net/tiagoajacobi/YHA8x/

Jak używać:

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

Oto funkcje:

        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;
        };

Najłatwiejszym sposobem rozwiązania jest rozpoznanie, że w javascript daty są tylko liczbami. Zaczyna się 0lub 'Wed Dec 31 1969 18:00:00 GMT-0600 (CST). Każda 1reprezentuje milisekundę. Możesz dodawać lub odejmować milisekundy, pobierając wartość i tworząc nową datę przy użyciu tej wartości. Z tym umysłem możesz to zrobić całkiem łatwo.

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)

To, co robię, wydaje się działać całkiem dobrze:

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

Następnie możesz po prostu nazwać to tak:

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

Oto wersja ES6 :

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

Nazwij to tak:

getTimeAfter30Mins();

Wydaje mi się, że w wielu odpowiedziach brakuje kreatywnego elementu, który jest bardzo potrzebny do obliczeń w czasie. Przedstawiam swoje rozwiązanie na czasowe tłumaczenie trwające 30 minut.

( tutaj jsfiddle )

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]());
}

Dla leniwych jak ja:

Odpowiedź Kipa (z góry) w skrypcie coffeescript, wykorzystująca „wyliczenie” i działająca na tym samym obiekcie:

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

Użyj istniejącej biblioteki znanej z obsługi dziwactw związanych z obliczeniami czasu. Moim ulubionym jest 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>

Kolejna opcja, którą napisałem:

Biblioteka DP_DateExtensions

To przesada, jeśli to wszystko, czego potrzebujesz do przetwarzania daty, ale zrobi to, co chcesz.

Obsługuje formatowanie daty / godziny, matematykę dat (dodawanie / odejmowanie części daty), porównywanie dat, parsowanie dat itp. Jest to dowolnie otwarte źródło.

Możesz to zrobić:

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);

Oto moja jedna linijka:

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

Powinieneś uzyskać wartość bieżącej daty, aby uzyskać datę za pomocą (ms) i dodać (30 * 60 * 1000) do niej. Teraz masz (aktualna data + 30 min) z ms

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

Wiem, że temat jest zdecydowanie za stary. Ale jestem całkiem pewien, że są tacy programiści, którzy nadal tego potrzebują, więc stworzyłem ten prosty skrypt dla Ciebie. Mam nadzieję, że ci się spodoba!

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);
}

let futureDate = strtotime(new Date(), {
    hours: 1, //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="alert(futureDate)">Travel to the future</button>