Comparer deux dates avec JavaScript

Le moyen le plus facile de comparer des dates en javascript est d'abord le convertir en un objet Date, puis de comparer ces jour-objets.

Vous trouverez ci-dessous un objet à trois fonctions:

• dates.comparer(a,b)

  Renvoie un nombre:

  • -1 si a < b
  • 0 si a = b
  • 1 si a > b
  • NaN si a ou b est illégal date

• dates.inRange (d,début,fin)

  Retourne un booléen ou NaN:

  • vrai si d est entre les commencer et fin (inclus)
  • faux si d est avant commencer ou après fin.
  • NaN si une ou plusieurs dates sont illégales.

• dates.convertir

  Utilisé par les autres fonctions de convertir leur entrée à un objet date. L'entrée peut être

  • un date-objet : L'entrée est rendu comme tel.
  • un tableau: Interprété comme [jour,mois,année]. NOTE mois est de 0 à 11.
  • un nombre : Interprétée comme le nombre de millisecondes depuis le 1er janvier 1970 (timestamp)
  • un chaîne : Plusieurs formats différents est pris en charge, comme "YYYY/MM/DD", "MM/DD/YYYY", "31 Jan 2009", etc.
  • un objet: Interprétée comme un objet avec l'année, le mois et la date attributs. NOTE mois est de 0 à 11.

.

//Source: http://stackoverflow.com/questions/497790
var dates = {
convert:function(d) {
//Converts the date in d to a date-object. The input can be:
//  a date object: returned without modification
// an array      : Interpreted as [year,month,day]. NOTE: month is 0-11.
//  a number     : Interpreted as number of milliseconds
//                 since 1 Jan 1970 (a timestamp) 
//  a string     : Any format supported by the javascript engine, like
//                 "YYYY/MM/DD", "MM/DD/YYYY", "Jan 31 2009" etc.
// an object     : Interpreted as an object with year, month and date
//                 attributes.  **NOTE** month is 0-11.
return (
d.constructor === Date ? d :
d.constructor === Array ? new Date(d[0],d[1],d[2]) :
d.constructor === Number ? new Date(d) :
d.constructor === String ? new Date(d) :
typeof d === "object" ? new Date(d.year,d.month,d.date) :
NaN
);
},
compare:function(a,b) {
//Compare two dates (could be of any type supported by the convert
//function above) and returns:
// -1 : if a < b
//  0 : if a = b
//  1 : if a > b
//NaN : if a or b is an illegal date
//NOTE: The code inside isFinite does an assignment (=).
return (
isFinite(a=this.convert(a).valueOf()) &&
isFinite(b=this.convert(b).valueOf()) ?
(a>b)-(a<b) :
NaN
);
},
inRange:function(d,start,end) {
//Checks if date in d is between dates in start and end.
//Returns a boolean or NaN:
//   true  : if d is between start and end (inclusive)
//   false : if d is before start or after end
//   NaN   : if one or more of the dates is illegal.
//NOTE: The code inside isFinite does an assignment (=).
return (
isFinite(d=this.convert(d).valueOf()) &&
isFinite(start=this.convert(start).valueOf()) &&
isFinite(end=this.convert(end).valueOf()) ?
start <= d && d <= end :
NaN
);
}
}

Les opérateurs relationnels < <= > >= peuvent être utilisés pour comparer JavaScript dates:

var d1 = new Date(2013, 0, 1);
var d2 = new Date(2013, 0, 2);
d1 <  d2; //true
d1 <= d2; //true
d1 >  d2; //false
d1 >= d2; //false

Toutefois, les opérateurs d'égalité == != === !== ne peut pas être utilisé pour comparer (la valeur de) dates parce que:

• Deux objets distincts ne sont jamais égaux, soit strict ou le résumé des comparaisons.
• Une expression Objets de comparaison n'est vrai que si les opérandes de référence au même Objet.

Vous pouvez comparer la valeur de dates pour l'égalité à l'aide de l'une de ces méthodes:

var d1 = new Date(2013, 0, 1);
var d2 = new Date(2013, 0, 1);
/*
* note: d1 == d2 returns false as described above
*/
d1.getTime() == d2.getTime(); //true
d1.valueOf() == d2.valueOf(); //true
Number(d1)   == Number(d2);   //true
+d1          == +d2;          //true

Les deux Date.getTime() et Date.valueOf() retourne le nombre de millisecondes depuis le 1er janvier 1970, 00:00 UTC. Les deux Number fonction et unaires + opérateur d'appel de la valueOf() méthodes en coulisses.

Comparant dates en JavaScript est assez facile... JavaScript a intégré système de comparaison pour dates qui le rend si facile de faire la comparaison...

Il suffit de suivre ces étapes pour comparer 2 dates de valeur, par exemple, vous avez 2 entrées dont chacune a une valeur de Date dans String et vous les comparer...

1. vous disposez de 2 valeurs de chaîne que vous obtenez à partir d'une entrée et vous aimeriez les comparer, ils sont comme ci-dessous:

var date1 = '01/12/2018';
var date2 = '12/12/2018';

2. Ils ont besoin d'être Date Object pour pouvoir comparer les valeurs de date, donc, il suffit de les convertir à la date, à l'aide de new Date(), je viens de re-assigner pour la simplicité des explications, mais vous pouvez le faire de toute façon vous le souhaitez:

date1 = new Date(date1);
date2 = new Date(date2);

3. Maintenant, il suffit de comparer, à l'aide de la > < >= <=

date1 > date2;  //false
date1 < date2;  //true
date1 >= date2; //false
date1 <= date2; //true

quel format?

Si vous construisez un Javascript Objet Date, vous pouvez juste soustraire pour obtenir une millisecondes de différence (edit: ou tout simplement de les comparer) :

js>t1 = new Date()
Thu Jan 29 2009 14:19:28 GMT-0500 (Eastern Standard Time)
js>t2 = new Date()
Thu Jan 29 2009 14:19:31 GMT-0500 (Eastern Standard Time)
js>t2-t1
2672
js>t3 = new Date('2009 Jan 1')
Thu Jan 01 2009 00:00:00 GMT-0500 (Eastern Standard Time)
js>t1-t3
2470768442
js>t1>t3
true

RÉPONSE COURTE

Ici est une fonction qui retourne {boolean} si le dateTime > dateTime Démonstration en action

var from = '08/19/2013 00:00'
var to = '08/12/2013 00:00 '
function isFromBiggerThanTo(dtmfrom, dtmto){
return new Date(dtmfrom).getTime() >=  new Date(dtmto).getTime() ;
}
console.log(isFromBiggerThanTo(from, to)); //true

Explication

jsFiddle

var date_one = '2013-07-29 01:50:00',
date_two = '2013-07-29 02:50:00';
//getTime() returns the number of milliseconds since 01.01.1970.
var timeStamp_date_one = new Date(date_one).getTime() ; //1375077000000 
console.log(typeof timeStamp_date_one);//number 
var timeStamp_date_two = new Date(date_two).getTime() ;//1375080600000 
console.log(typeof timeStamp_date_two);//number 

puisque vous êtes maintenant en ayant à la fois datetime dans le type de numéro
vous pouvez les comparer avec toutes les opérations de Comparaison

( >, < ,= ,!= ,== ,!== ,>= ET <=)

Puis

si vous êtes familier avec C# Personnalisé de la Date et de l'Heure Format de la Chaîne de cette bibliothèque doit faire exactement la même chose et vous aider à le format de votre date et heure dtmFRM si vous êtes de passage en date du temps ou chaîne au format unix

Utilisation

var myDateTime = new dtmFRM();
alert(myDateTime.ToString(1375077000000, "MM/dd/yyyy hh:mm:ss ampm"));
//07/29/2013 01:50:00 AM
alert(myDateTime.ToString(1375077000000,"the year is yyyy and the day is dddd"));
//this year is 2013 and the day is Monday
alert(myDateTime.ToString('1/21/2014', "this month is MMMM and the day is dd"));
//this month is january and the day is 21

DÉMO

tout ce que vous avez à faire est de passer aucune de ces format pacifié dans la bibliothèque js fichier

var date = new Date(); //will give you todays date.
//following calls, will let you set new dates.
setDate()   
setFullYear()   
setHours()  
setMilliseconds()   
setMinutes()    
setMonth()  
setSeconds()    
setTime()
var yesterday = new Date();
yesterday.setDate(...date info here);
if(date>yesterday)  //will compare dates

Juste pour ajouter une autre possibilité encore de nombreuses options, vous pourriez essayer:

if (date1.valueOf()==date2.valueOf()) .....

...qui semble fonctionner pour moi. Bien sûr, vous ne devez veiller à ce que les deux dates ne sont pas non défini...

if ((date1?date1.valueOf():0)==(date2?date2.valueOf():0) .....

Cette façon, nous pouvons assurer qu'une comparaison est faite si les deux ne sont pas définis aussi, ou...

if ((date1?date1.valueOf():0)==(date2?date2.valueOf():-1) .....

...si vous préférez ne pas être égaux.

ATTENTION LE FUSEAU HORAIRE

Un javascript date a pas de notion de fuseau horaire. C'est un moment dans le temps (les tiques depuis l'époque) avec des fonctions pratiques pour la traduction vers et à partir de chaînes de caractères dans le "local" fuseau horaire. Si vous voulez travailler avec des dates à l'aide de la date d'objets, comme tout le monde ici est en train de faire, vous voulez que vos dates de représenter UTC minuit au début de la date en question. C'est une commune et nécessaire de la convention qui vous permet de travailler avec les dates, quelle que soit la saison ou le fuseau horaire de leur création. Il faut donc être très vigilant pour gérer la notion de fuseau horaire, en particulier lorsque vous créez votre minuit UTC objet Date.

La plupart du temps, vous voulez que votre jour afin de refléter le fuseau horaire de l'utilisateur. Cliquez sur si aujourd'hui est votre anniversaire. Les utilisateurs en nouvelle-zélande et NOUS cliquez en même temps et obtenir des dates différentes. Dans ce cas, de faire...

//create a date (utc midnight) reflecting the value of myDate and the environment's timezone offset.
new Date(Date.UTC(myDate.getFullYear(),myDate.getMonth(), myDate.getDate()));

Parfois, la comparabilité internationale des atouts locaux de précision. Dans ce cas, de faire...

//the date in London of a moment in time. Device timezone is ignored.
new Date(Date.UTC(myDate.getUTCYear(), myDate.getyUTCMonth(), myDate.getUTCDate()));

Maintenant, vous pouvez comparer directement à partir de votre date d'objets que les autres réponses suggèrent.

Ayant pris soin de gérer le fuseau horaire lorsque vous créez, vous devez également être sûr de garder le fuseau horaire lorsque vous convertir en une chaîne de caractères de la représentation. De sorte que vous pouvez utiliser en toute sécurité...

• toISOString()
• getUTCxxx()
• getTime() //returns a number with no time or timezone.
• .toLocaleDateString("fr",{timezone:"UTC"}) //whatever locale you want, but ALWAYS UTC.

Et éviter totalement tout le reste, surtout...

• getYear(),getMonth(),getDate()

Soustraire deux dates obtenez la différence dans l'ordre de la milliseconde, si vous obtenez 0 c'est la même date

function areSameDate(d1, d2){
return d1 - d2 === 0
}

Dites que vous avez reçu de la date d'objets A et B, obtenir leur EPOC valeur de temps, puis de soustraire pour obtenir la différence en millisecondes.

var diff = +A - +B;

C'est tout.

Une version Améliorée du code publié par "certains"

/* Compare the current date against another date.
*
* @param b  {Date} the other date
* @returns   -1 : if this < b
*             0 : if this === b
*             1 : if this > b
*            NaN : if a or b is an illegal date
*/ 
Date.prototype.compare = function(b) {
if (b.constructor !== Date) {
throw "invalid_date";
}
return (isFinite(this.valueOf()) && isFinite(b.valueOf()) ? 
(this>b)-(this<b) : NaN 
);
};

utilisation:

  var a = new Date(2011, 1-1, 1);
var b = new Date(2011, 1-1, 1);
var c = new Date(2011, 1-1, 31);
var d = new Date(2011, 1-1, 31);
assertEquals( 0, a.compare(b));
assertEquals( 0, b.compare(a));
assertEquals(-1, a.compare(c));
assertEquals( 1, c.compare(a));

Si la suite est votre format de date, vous pouvez utiliser ce code:

var first = '2012-11-21';
var second = '2012-11-03';
if(parseInt(first.replace(/-/g,""),10) > parseInt(second.replace(/-/g,""),10)){
//...
}

Il va vérifier si 20121121 nombre est plus grand que 20121103 ou pas.

        from_date ='10-07-2012';
to_date = '05-05-2012';
var fromdate = from_date.split('-');
from_date = new Date();
from_date.setFullYear(fromdate[2],fromdate[1]-1,fromdate[0]);
var todate = to_date.split('-');
to_date = new Date();
to_date.setFullYear(todate[2],todate[1]-1,todate[0]);
if (from_date > to_date ) 
{
alert("Invalid Date Range!\nStart Date cannot be after End Date!")
return false;
}

Utiliser ce code pour comparer la date à l'aide de javascript.

Merci
D. Jeeva

Voici ce que j'ai fait dans un de mes projets,

function CompareDate(tform){
var startDate = new Date(document.getElementById("START_DATE").value.substring(0,10));
var endDate = new Date(document.getElementById("END_DATE").value.substring(0,10));
if(tform.START_DATE.value!=""){
var estStartDate = tform.START_DATE.value;
//format for Oracle
tform.START_DATE.value = estStartDate + " 00:00:00";
}
if(tform.END_DATE.value!=""){
var estEndDate = tform.END_DATE.value;
//format for Oracle
tform.END_DATE.value = estEndDate + " 00:00:00";
}
if(endDate <= startDate){
alert("End date cannot be smaller than or equal to Start date, please review you selection.");
tform.START_DATE.value = document.getElementById("START_DATE").value.substring(0,10);
tform.END_DATE.value = document.getElementById("END_DATE").value.substring(0,10);
return false;
}
}

l'appel de cette form onsubmit.
espérons que cette aide.

Salut Voici mon code pour comparer des dates . Dans mon cas, je suis en train de faire un chèque pour ne pas permettre de sélectionner les dates antérieures.

var myPickupDate = <pick up date> ;
var isPastPickupDateSelected = false;
var currentDate = new Date();
if(currentDate.getFullYear() <= myPickupDate.getFullYear()){
if(currentDate.getMonth()+1 <= myPickupDate.getMonth()+1 || currentDate.getFullYear() < myPickupDate.getFullYear()){
if(currentDate.getDate() <= myPickupDate.getDate() || currentDate.getMonth()+1 < myPickupDate.getMonth()+1 || currentDate.getFullYear() < myPickupDate.getFullYear()){
isPastPickupDateSelected = false;
return;
}
}
}
console.log("cannot select past pickup date");
isPastPickupDateSelected = true;

Vous pouvez date comparer comme la plupart de manière simple et compréhensible comme.

<input type="date" id="getdate1" />
<input type="date" id="getdate2" />

supposons que vous avez deux date d'entrée que vous souhaitez comparer.

donc tout d'abord écrire une méthode commune pour analyser ce jour.

 <script type="text/javascript">
function parseDate(input) {
var datecomp= input.split('.'); //if date format 21.09.2017
var tparts=timecomp.split(':');//if time also giving
return new Date(dparts[2], dparts[1]-1, dparts[0], tparts[0], tparts[1]);
//here new date(  year, month, date,)
}
</script>

parseDate() est la marque commune de méthode pour l'analyse de la date.
maintenant, vous pouvez vérifie votre date =, > ,< n'importe quel type de comparer

    <script type="text/javascript">
$(document).ready(function(){
//parseDate(pass in this method date);
Var Date1=parseDate($("#getdate1").val());
Var Date2=parseDate($("#getdate2").val());
//use any oe < or > or = as per ur requirment 
if(Date1 = Date2){
return false;  //or your code {}
}
});
</script>

Pour Assurer que ce code va vous aider.

essayer cette
alors que de comparer la date devrait être la norme iso format "aaaa-MM-jj"
si vous voulez comparer uniquement les dates d'utiliser cette datehelper

<a href="https://plnkr.co/edit/9N8ZcC?p=preview"> Live Demo</a>

Dates de comparaison:

var str1  = document.getElementById("Fromdate").value;
var str2  = document.getElementById("Todate").value;
var dt1   = parseInt(str1.substring(0,2),10); 
var mon1  = parseInt(str1.substring(3,5),10);
var yr1   = parseInt(str1.substring(6,10),10); 
var dt2   = parseInt(str2.substring(0,2),10); 
var mon2  = parseInt(str2.substring(3,5),10); 
var yr2   = parseInt(str2.substring(6,10),10); 
var date1 = new Date(yr1, mon1, dt1); 
var date2 = new Date(yr2, mon2, dt2); 
if(date2 < date1)
{
alert("To date cannot be greater than from date");
return false; 
} 
else 
{ 
alert("Submitting ...");
document.form1.submit(); 
}