Hinzufügen von Stunden zum JavaScript-Datumsobjekt?

Es wundert mich, dass das Date-Objekt von JavaScript keinerlei Add-Funktion implementiert.

Ich möchte einfach eine Funktion, die dies kann:

var now = Date.now();
var fourHoursLater = now.addHours(4);

function Date.prototype.addHours(h) {

   // how do I implement this?  

}

Ich möchte einfach ein paar Hinweise in eine Richtung.

• Muss ich String-Parsing durchführen?

• Kann ich setTime verwenden?

• Wie wäre es mit Millisekunden?

So was:

new Date(milliseconds + 4*3600*1000 /*4 hrs in ms*/)?  

Das scheint aber wirklich hackisch - und funktioniert es überhaupt?

JavaScript selbst hat schreckliche Datums- / Zeit-APIs. Sie können dies jedoch in reinem JavaScript tun:

Date.prototype.addHours = function(h) {
  this.setTime(this.getTime() + (h*60*60*1000));
  return this;
}

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

Prüfung:

alert(new Date().addHours(4));

Der folgende Code dient zum Hinzufügen von 4 Stunden zum Datum (Beispiel des heutigen Datums).

var today = new Date();
today.setHours(today.getHours() + 4);

Es wird kein Fehler verursacht, wenn Sie versuchen, 4 bis 23 hinzuzufügen (siehe Dokumentation ):

Wenn ein von Ihnen angegebener Parameter außerhalb des erwarteten Bereichs liegt, versucht setHours (), die Datumsinformationen im Date-Objekt entsprechend zu aktualisieren

Es ist wahrscheinlich besser, die addHours-Methode unveränderlich zu machen, indem Sie eine Kopie des Date-Objekts zurückgeben, als dessen Parameter zu mutieren.

Date.prototype.addHours= function(h){
    var copiedDate = new Date(this.getTime());
    copiedDate.setHours(copiedDate.getHours()+h);
    return copiedDate;
}

Auf diese Weise können Sie eine Reihe von Methodenaufrufen verketten, ohne sich um den Status kümmern zu müssen.

Die von kennebec vorgeschlagene Version schlägt beim Wechsel von oder zu DST fehl, da die eingestellte Stundennummer festgelegt ist.

this.setUTCHours(this.getUTCHours()+h);

wird unabhängig von den Besonderheiten des Zeitsystems hStunden hinzufügen this. Die Methode von Jason Harwig funktioniert ebenfalls.

Sie können die Bibliothek momentjs http://momentjs.com/ verwenden .

var moment = require('moment');
foo = new moment(something).add(10, 'm').toDate();

Ich denke auch, dass das ursprüngliche Objekt nicht geändert werden sollte. Um zukünftige Arbeitskräfte zu sparen, gibt es hier eine kombinierte Lösung, die auf den Antworten von Jason Harwig und Tahir Hasan basiert :

Date.prototype.addHours= function(h){
    var copiedDate = new Date();
    copiedDate.setTime(this.getTime() + (h*60*60*1000)); 
    return copiedDate;
}

Es gibt ein Add in den Datejs Bibliothek.

Und hier sind die JavaScript-Datumsmethoden . kennebec erwähnte weise getHours () und setHours ();

Überprüfen Sie, ob es nicht bereits definiert ist. Andernfalls wird es im Date-Prototyp definiert:

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

Eine andere Möglichkeit, dies zu handhaben, besteht darin, das Datum in Unixtime (Epoche) zu konvertieren, dann das Äquivalent in (Milli) Sekunden hinzuzufügen und es dann zurück zu konvertieren. Auf diese Weise können Sie Tag- und Monatsübergänge verarbeiten, z. B. 4 bis 21 Stunden hinzufügen, was am nächsten Tag, 01:00 Uhr, erfolgen sollte.

Versuchen Sie Folgendes, um eine einfache Funktion zum Hinzufügen / Entfernen von Stunden / Minuten in Javascript zu erhalten:

function getTime (addHour, addMin){
    addHour = (addHour?addHour:0);
    addMin = (addMin?addMin:0);
    var time = new Date(new Date().getTime());
    var AM = true;
    var ndble = 0;
    var hours, newHour, overHour, newMin, overMin;
    //change form 24 to 12 hour clock
    if(time.getHours() >= 13){
        hours = time.getHours() - 12;
        AM = (hours>=12?true:false);
    }else{
        hours = time.getHours();
        AM = (hours>=12?false:true);
    }
    //get the current minutes
    var minutes = time.getMinutes();
    // set minute
    if((minutes+addMin) >= 60 || (minutes+addMin)<0){
        overMin = (minutes+addMin)%60;
        overHour = Math.floor((minutes+addMin-Math.abs(overMin))/60);
        if(overMin<0){
            overMin = overMin+60;
            overHour = overHour-Math.floor(overMin/60);
        }
        newMin = String((overMin<10?'0':'')+overMin);
        addHour = addHour+overHour;
    }else{
        newMin = minutes+addMin;
        newMin = String((newMin<10?'0':'')+newMin);
    }
    //set hour
    if(( hours+addHour>=13 )||( hours+addHour<=0 )){
        overHour = (hours+addHour)%12;
        ndble = Math.floor(Math.abs((hours+addHour)/12));
        if(overHour<=0){
            newHour = overHour+12;
            if(overHour == 0){
                ndble++;
            }
        }else{
            if(overHour ==0 ){
                newHour = 12;
                ndble++;
            }else{
                ndble++;
                newHour = overHour;
            }
        }
        newHour = (newHour<10?'0':'')+String(newHour);
        AM = ((ndble+1)%2===0)?AM:!AM;
    }else{
        AM = (hours+addHour==12?!AM:AM);
        newHour = String((Number(hours)+addHour<10?'0':'')+(hours+addHour));
    }
    var am = (AM)?'AM':'PM';
    return new Array(newHour, newMin, am);
};

Dies kann ohne Parameter verwendet werden, um die aktuelle Zeit abzurufen

getTime();

oder mit Parametern, um die Zeit mit den hinzugefügten Minuten / Stunden zu erhalten

getTime(1,30); // adds 1.5 hours to current time
getTime(2);    // adds 2 hours to current time
getTime(0,120); // same as above

Auch negative Zeit funktioniert

getTime(-1, -30); // subtracts 1.5 hours from current time

Diese Funktion gibt ein Array von zurück

array([Hour], [Minute], [Meridian])

SPRBRN ist korrekt. Um den Anfang / das Ende des Monats und des Jahres zu berücksichtigen, müssen Sie in Epoche und zurück konvertieren.

So machen Sie das:

var milliseconds = 0;          //amount of time from current date/time
var sec = 0;                   //(+): future
var min = 0;                   //(-): past
var hours = 2;
var days = 0;

var startDate = new Date();     //start date in local time (we'll use current time as an example)

var time = startDate.getTime(); //convert to milliseconds since epoch

//add time difference
var newTime = time + milliseconds + (1000*sec) + (1000*60*min) + (1000*60*60*hrs) + (1000*60*60*24)

var newDate = new Date(newTime);//convert back to date; in this example: 2 hours from right now

oder machen Sie es in einer Zeile (wobei die Variablennamen die gleichen wie oben sind:

var newDate = 
    new Date(startDate.getTime() + millisecond + 
        1000 * (sec + 60 * (min + 60 * (hours + 24 * days))));

Dies ist eine einfache Möglichkeit, inkrementierte oder dekrementierte Datenwerte zu erhalten.

const date = new Date()
const inc = 1000 * 60 * 60 // an hour
const dec = (1000 * 60 * 60) * -1 // an hour

const _date = new Date(date)
return new Date( _date.getTime() + inc )
return new Date( _date.getTime() + dec )

Ein bisschen chaotisch, aber es funktioniert!

Bei einem Datumsformat wie diesem: 2019-04-03T15: 58

  //Get the start date.
  var start = $("#start_date").val();
  //Split the date and time.
  var startarray = start.split("T");
  var date = startarray[0];
  var time = startarray[1];

  //Split the hours and minutes.
  var timearray = time.split(":");

  var hour = timearray[0];
  var minute = timearray[1];
  //Add an hour to the hour.
  hour++;
  //$("#end_date").val = start;
  $("#end_date").val(""+date+"T"+hour+":"+minute+"");

Ihre Ausgabe wäre: 2019-04-03T16: 58