L'ajout d'heures de JavaScript objet Date?

Ce qui m'étonne, c'est que JavaScript de l'objet Date, ne pas mettre en œuvre une fonction d'ajout d'aucune sorte.

Je veux simplement une fonction qui permet de faire cela:

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

function Date.prototype.addHours(h) {

   //how do I implement this?  

}

Je voudrais simplement quelques conseils dans une direction.

Dois-je faire le traitement de chaîne?
Puis-je utiliser setTime?
Comment sur millisecondes?

Comme ceci:

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

Cela semble vraiment hackish si - et il le fait même de travailler?

InformationsquelleAutor Jeff Meatball Yang | 2009-06-26

datetime javascript

360

JavaScript lui-même a terrible de la Date/Heure de l'API. Néanmoins, vous pouvez le faire en JavaScript:
```
Date.prototype.addHours = function(h) {
  this.setTime(this.getTime() + (h*60*60*1000));
  return this;
}
```
- Fonctionne comme un charme! Merci
InformationsquelleAutor Jason Harwig
364
```
Date.prototype.addHours= function(h){
    this.setHours(this.getHours()+h);
    return this;
}
```
Test:
```
alert(new Date().addHours(4));
```
- Je ne pense pas que cela fonctionne---test sur quelque chose avec les heures et 23, par exemple? Jason Harwig réponse est ce qui m'est venu à l'esprit pour moi.
- C'est une mauvaise pratique d'ajouter des choses à un prototype d'objet en Javascript, et Dominique est correcte, cela ne fonctionne pas. Jason Harwig la solution ci-dessous, c'est mieux.
- Cela fonctionne bien avec 23:00, testé à l'intérieur de la console JavaScript de Firefox 10, Chrome 21 et IE 8/9 Voici le code que j'ai utilisé pour le test: var date = new Date(2012, 10, 22, 23, 0, 1); date.toString(); // Thu Nov 22 2012 23:00:01 GMT+0100 (CET) date.setHours(date.getHours() + 1); date.toString(); // Fri Nov 23 2012 00:00:01 GMT+0100 (CET) Il fonctionne aussi très bien avec setMinutes()
- Couru dans des problèmes avec cette solution, augmentant de 1 a échoué pour moi au point de changement de l'heure d'été (déplacer l'horloge de l'avant une heure).
- Aussi suis mordu par ce -- j'étais en boucle pendant des heures en utilisant setHours(getHours-1): maintenant, au début de l'heure d'été-heure, cela finit par être une boucle infinie. Donc, vérifiez le résultat!
- Échoue pour moi à la limite où mes paramètres régionaux (royaume-Uni), les sorties l'heure d'été (bien que cela fonctionne très bien dans l'autre sens, curieusement). Dans google Chrome, si j'ai d=new Date('Sun Oct 27 2019 01:59:00 GMT+0100 (British Summer Time)') et ne d.setHours(d.getHours() + 1), puis d devient Sun 27 Oct 2019 02:59:00 GMT+0000 (gmt, Greenwich Mean Time), qui est en fait 2 heures plus tard, pas 1 heure.
InformationsquelleAutor kennebec
138

Le code ci-dessous est d'ajouter les 4 heures de la date(par exemple la date d'aujourd'hui)
```
var today = new Date();
today.setHours(today.getHours() + 4);
```
Il ne provoque pas d'erreur si vous essayez d'ajouter 4 à 23 (voir la docs):

Si un paramètre spécifié est en dehors de la fourchette prévue, setHours() tente de mettre à jour les informations de date dans l'objet Date en conséquence
- Je n'ai pas vu et fait une double réponse. J'aime cette méthode. Précise et utile.
- Cela ne semble pas fonctionner lorsque le heures est un décimal (pas un nombre entier)
- C'est la meilleure réponse ici... ajoutant "addHours" à la Date de prototype qui est inquiétant, parce qu'à un certain point JS pourrait ajouter la prise en charge de cette fonction et puis vous avez un conflit avec un prototype. Cela vous procure une fonctionnalité avec l'aide d'à peu près autant de code.
- surpris, mais il fait de l'incrément des jours, des mois s'il le faut, lien vers les docs serait utile
- Alors que l'utilisation de l'heure de valeurs >23 ne rompt pas, il est néanmoins rompu à la lumière du jour d'épargne limites. Étant donné qu'il est rompu, il n'y a aucune raison de l'utiliser; préférez setTime ou setUTCHour.
InformationsquelleAutor SuperNova
40

Il est probablement mieux de faire le addHours méthode immuable, en retournant une copie de l'objet Date, plutôt que de la mutation de son paramètre.
```
Date.prototype.addHours= function(h){
    var copiedDate = new Date(this.getTime());
    copiedDate.setHours(copiedDate.getHours()+h);
    return copiedDate;
}
```
De cette façon, vous pouvez enchaîner un tas d'appels de méthode sans se soucier de l'état.
- Cette fonction a les mêmes problèmes comme indiqué ici stackoverflow.com/questions/1050720/... Ce n'est pas vraiment de savoir si cela fonctionne sur certains navigateurs, mais d'autres endroits que l'utilisation de Javascript voir cela comme un problème. peigner votre solution avec celui-ci, stackoverflow.com/a/1050782/295535 semble être la meilleure solution
- Vous devriez envisager de changer le nom de la fonction, comme le mot add* est couramment utilisé à la mutation de l'objet lui-même.
- ce n'est pas sûr que, add est utilisé dans le .NET framework DateTime classe beaucoup, et a le même sens que la + (plus) en Mathématiques.
- currentDate.addHours(1) <- à Partir de ma programmation instinct, je m'attends à des currentDate la valeur à modifier, mais de la mise en œuvre, il ne serait pas. Pourquoi je suggère de renommer ou de changer sa signature à quelque chose
- Normalement, vous pouvez assigner le "changé" de valeur à une variable, par exemple var futureDate = currentDate.addHours(1), de cette façon, vous avez accès à la valeur d'origine de currentDate et vous avez une nouvelle variable pour la nouvelle date. C'est un moderne, motif, partie de la récente programmation fonctionnelle et tendance.
- rien à voir avec les détails techniques, mais sur la façon de choisir le bon mot à utiliser pour le nom de la fonction. Je préfère encore la mutable version lorsque la fonction est préfixé avec add
InformationsquelleAutor Tahir Hassan
21

La version proposée par kennebec échoue lors de la modification ou de l'heure d'été, puisque c'est le chiffre de l'heure définie.
```
this.setUTCHours(this.getUTCHours()+h);
```
va ajouter h heures à this indépendante du temps système de particularités.
Jason Harwig méthode fonctionne aussi bien.

InformationsquelleAutor petter
18

Vous pouvez utiliser le momentjs http://momentjs.com/ Bibliothèque.
```
var moment = require('moment');
foo = new moment(something).add(10, 'm').toDate();
```
InformationsquelleAutor Cmag
7

Je pense aussi que l'objet d'origine ne doivent pas être modifiés. Donc, pour économiser de main-d'œuvre future, voici une solution combinée basée sur Jason Harwig de l' et Tahir Hasan réponses:
```
Date.prototype.addHours= function(h){
    var copiedDate = new Date();
    copiedDate.setTime(this.getTime() + (h*60*60*1000)); 
    return copiedDate;
}
```
InformationsquelleAutor Edward Olamisan
5

Il est un complément à la Datejs bibliothèque.

Et voici le JavaScript méthodes de date. kennebec sagement mentionnés getHours() et setHours();
- Notez que cette bibliothèque semble être en statut alpha.
InformationsquelleAutor Nosredna

De vérifier si sa n'est pas déjà défini, sinon définit la Date de prototype:

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

InformationsquelleAutor Mikael Engver

3

Une autre façon de gérer cela est de convertir la date à unixtime (de l'époque), puis ajouter l'équivalent en (milli)secondes, puis de le convertir en arrière. De cette façon, vous pouvez gérer le jour et le mois de transitions, comme l'ajout de 4 heures à 21, ce qui devrait se traduire dans la journée, à 01:00.
- Vous avez raison - mais vous êtes aussi un couple d'années de retard. Jason Harwig réponse ont montré que cette méthode 2 ans avant de vous; cette réponse n'apporte rien de nouveau.
InformationsquelleAutor SPRBRN

Pour un simple ajouter/soustraire des heures/minutes fonction en javascript, essayez ceci:

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

Ce peut être utilisée sans paramètres pour obtenir l'heure actuelle

getTime();

ou avec les paramètres pour obtenir le temps avec l'ajout de quelques minutes/heures

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

même temps négatif fonctionne

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

cette fonction retourne un tableau de

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

Quels sont les avantages de cette 56-ligne monstre de la fonction au cours de la deux-méthode de la ligne dans le haut-voté réponse? -1 parce qu'il y a d'énormes supplémentaire de la complexité ici pour aucun avantage que je peux voir.

InformationsquelleAutor durkinza

SPRBRN est correct. Afin de tenir compte au début/à la fin du mois et de l'année, vous avez besoin de les convertir à l'Époque et à l'arrière.

Voici comment faire:

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

ou de le faire en une ligne (d'où les noms de variables sont les mêmes que ci-dessus:

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

InformationsquelleAutor JED

-1

Un peu bordélique, mais ça fonctionne!

Donné un format de date comme ceci: 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+"");

Votre sortie serait: 2019-04-03T16:58

InformationsquelleAutor Captain Sponge

Vous devez vous connecter pour publier un commentaire.