Compare duas datas com JavaScript

Alguém pode sugerir uma maneira de comparar os valores de duas datas maior que, menor que, e não no passado, usando JavaScript? Os valores serão provenientes de checkboxs de texto …

O object Date fará o que você quiser – construa um para cada data e compare-os usando as opções > , < , <= ou >= .

Os operadores == != , === e !== exigem que você use date.getTime() como em

 var d1 = new Date(); var d2 = new Date(d1); var same = d1.getTime() === d2.getTime(); var notSame = d1.getTime() !== d2.getTime(); 

para ser claro apenas verificar a igualdade diretamente com os objects de dados não vai funcionar

 var d1 = new Date(); var d2 = new Date(d1); console.log(d1 == d2); // prints false (wrong!) console.log(d1 === d2); // prints false (wrong!) console.log(d1 != d2); // prints true (wrong!) console.log(d1 !== d2); // prints true (wrong!) console.log(d1.getTime() === d2.getTime()); // prints true (correct) 

Eu sugiro que você use drop-downs ou alguma forma restrita semelhante de input de data em vez de checkboxs de texto, no entanto, para que você não se encontre no inferno de validação de input.

A maneira mais fácil de comparar datas no javascript é primeiro convertê-lo em um object Date e comparar esses objects de data.

Abaixo você encontra um object com três funções:

  • dates.compare (a, b)

    Retorna um número:

    • -1 se a
    • 0 se a = b
    • 1 se a> b
    • NaN se a ou b é uma data ilegal
  • dates.inRange (d, start, end)

    Retorna um booleano ou NaN:

    • true se d está entre o início e o fim (inclusive)
    • false if d é antes do início ou depois do fim .
    • NaN se uma ou mais datas forem ilegais.
  • datas.convert

    Usado pelas outras funções para converter sua input em um object de data. A input pode ser

    • uma data -object: A input é retornada como está.
    • uma matriz : Interpretada como [ano, mês, dia]. O mês da nota é 0-11.
    • um número : Interpretado como número de milissegundos desde 1 de janeiro de 1970 (um registro de data e hora)
    • uma string : Vários formatos diferentes são suportados, como “AAAA / MM / DD”, “MM / DD / AAAA”, “31 de janeiro de 2009” etc.
    • um object : Interpretado como um object com atributos de ano, mês e data. O mês da nota é 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 

Compare < e > como de costume, mas qualquer coisa envolvendo = deve usar um prefixo + . Igual a:

 var x = new Date('2013-05-23'); var y = new Date('2013-05-23'); // less than, greater than is fine: x < y; => false x > y; => false x === y; => false, oops! // anything involving '=' should use the '+' prefix // it will then compare the dates' millisecond values +x <= +y; => true +x >= +y; => true +x === +y; => true 

Espero que isto ajude!

Os operadores relacionais <= >= podem ser usados ​​para comparar datas JavaScript:

 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 

No entanto, os operadores de igualdade == != === !== não podem ser usados ​​para comparar (o valor de) datas porque :

  • Dois objects distintos nunca são iguais para comparações estritas ou abstratas.
  • Uma expressão comparando Objetos só é verdadeira se os operandos fizerem referência ao mesmo Objeto.

Você pode comparar o valor de datas para igualdade usando qualquer um destes methods:

 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 

Tanto Date.getTime() quanto Date.valueOf() retornam o número de milissegundos desde 1º de janeiro de 1970, 00:00 UTC. Tanto a function Number quanto o operador unary + chamam os methods valueOf() nos bastidores.

De longe, o método mais fácil é subtrair uma data da outra e comparar o resultado.

 var oDateOne = new Date(); var oDateTwo = new Date(); alert(oDateOne - oDateTwo === 0); alert(oDateOne - oDateTwo < 0); alert(oDateOne - oDateTwo > 0); 

Comparar datas em JavaScript é muito fácil … O JavaScript tem um sistema de comparação embutido para datas que o torna tão fácil de fazer a comparação …

Basta seguir estes passos para comparar o valor de 2 datas, por exemplo, você tem 2 inputs, cada uma com um valor de Data em String e você pode compará-las …

1. você tem 2 valores de string que você obtém de uma input e você gostaria de compará-los, eles são como abaixo:

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

2. Eles precisam ser Date Object para serem comparados como valores de data, então simplesmente convertê-los para data, usando new Date() , eu apenas re-atribuí-los para simplificar a explicação, mas você pode fazê-lo como quiser:

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

3. Agora simplesmente compare-os, usando o > < >= <=

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

compare datas em javascript

Comparar somente dia (ignorando o componente de tempo):

 Date.prototype.sameDay = function(d) { return this.getFullYear() === d.getFullYear() && this.getDate() === d.getDate() && this.getMonth() === d.getMonth(); } 

Uso:

 if(date1.sameDay(date2)) { // highlight day on calendar or something else clever } 

qual formato?

Se você construir um object Javascript Date , basta subtraí-los para obter uma diferença de milissegundos (edit: ou apenas compare-os):

 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 

RESPOSTA CURTA

Aqui está uma function que retorna {boolean} se a partir de dateTime> para dateTime Demo em ação

 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 

Explicação

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 

desde que você está tendo agora tanto datetime no tipo de número você pode compará-los com quaisquer operações de comparação

(>, <, =,! =, ==,! ==,> = AND <=)

Então

Se você estiver familiarizado com a C# Custom Date e Time Format String, essa biblioteca deverá fazer exatamente a mesma coisa e ajudá-lo a formatar sua data e hora dtmFRM, esteja você passando a string de data e hora ou o formato unix.

Uso

 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 

DEMO

tudo que você tem a fazer é passar qualquer um desses formatos pacificados no arquivo js da biblioteca

 function datesEqual(a, b) { return (!(a>b || b>a)) } 

você usa esse código,

 var firstValue = "2012-05-12".split('-'); var secondValue = "2014-07-12".split('-'); var firstDate=new Date(); firstDate.setFullYear(firstValue[0],(firstValue[1] - 1 ),firstValue[2]); var secondDate=new Date(); secondDate.setFullYear(secondValue[0],(secondValue[1] - 1 ),secondValue[2]); if (firstDate > secondDate) { alert("First Date is greater than Second Date"); } else { alert("Second Date is greater than First Date"); } 

E também confira este link http://www.w3schools.com/js/js_obj_date.asp

 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 

Só para adicionar mais uma possibilidade às muitas opções existentes, você poderia tentar:

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

… o que parece funcionar para mim. Claro que você tem que garantir que ambas as datas não são indefinidas …

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

Dessa forma, podemos garantir que uma comparação positiva seja feita se ambos estiverem indefinidos também, ou …

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

… se você preferir que eles não sejam iguais.

Nota – Comparar apenas parte da data:

Quando comparamos duas datas em javascript. Leva horas, minutos e segundos também em consideração .. Então, se nós só precisamos comparar apenas a data, esta é a abordagem:

 var date1= new Date("01/01/2014").setHours(0,0,0,0); var date2= new Date("01/01/2014").setHours(0,0,0,0); 

Agora: if date1.valueOf()> date2.valueOf() funcionará como um encanto.

Via Moment.js

Jsfiddle: http://jsfiddle.net/guhokemk/1/

 function compare(dateTimeA, dateTimeB) { var momentA = moment(dateTimeA,"DD/MM/YYYY"); var momentB = moment(dateTimeB,"DD/MM/YYYY"); if (momentA > momentB) return 1; else if (momentA < momentB) return -1; else return 0; } alert(compare("11/07/2015", "10/07/2015")); 

O método retorna 1 se dateTimeA for maior que dateTimeB

O método retorna 0 se dateTimeA for igual a dateTimeB

O método retorna -1 se dateTimeA for menor que dateTimeB

Para comparar duas datas, podemos usar a biblioteca JavaScript date.js, que pode ser encontrada em: https://code.google.com/archive/p/datejs/downloads

e use o método Date.compare( Date date1, Date date2 ) e retorne um número que signifique o seguinte resultado:

-1 = date1 é menor que date2.

0 = valores são iguais.

1 = date1 é maior que date2.

Para criar datas a partir de texto livre em Javascript, você precisa analisá-lo no object Date ().

Você poderia usar Date.parse () que usa texto livre tenta convertê-lo em uma nova data, mas se você tiver controle sobre a página, eu recomendaria usar checkboxs de seleção HTML ou um seletor de datas, como o controle de calendar YUI ou a interface do usuário do jQuery Datepicker .

Uma vez que você tenha uma data como outras pessoas apontaram, você pode usar aritmética simples para subtrair as datas e convertê-las novamente em um número de dias dividindo o número (em segundos) pelo número de segundos em um dia (60 * 60 * 24 = 86400).

Digamos que você tenha os objects de data A e B, obtenha seu valor de tempo de EPOC e subtraia para obter a diferença em milissegundos.

 var diff = +A - +B; 

Isso é tudo.

Subtraia duas datas para obter a diferença em milissegundos, se você receber 0 , é a mesma data

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

Uma versão melhorada do código postado por “alguns”

 /* 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 

uso:

  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)); 
 var date_today=new Date(); var formated_date = formatDate(date_today);//Calling formatDate Function var input_date="2015/04/22 11:12 AM"; var currentDateTime = new Date(Date.parse(formated_date)); var inputDateTime = new Date(Date.parse(input_date)); if (inputDateTime <= currentDateTime){ //Do something... } function formatDate(date) { var hours = date.getHours(); var minutes = date.getMinutes(); var ampm = hours >= 12 ? 'PM' : 'AM'; hours = hours % 12; hours = hours ? hours : 12; // the hour '0' should be '12' hours = hours < 10 ? '0'+hours : hours ; minutes = minutes < 10 ? '0'+minutes : minutes; var strTime = hours+":"+minutes+ ' ' + ampm; return date.getFullYear()+ "/" + ((date.getMonth()+1) < 10 ? "0"+(date.getMonth()+1) : (date.getMonth()+1) ) + "/" + (date.getDate() < 10 ? "0"+date.getDate() : date.getDate()) + " " + strTime; } 

Se seguir o seu formato de data, você pode usar este código:

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

Ele irá verificar se o número 20121121 é maior que 20121103 ou não.

Eu costumo armazenar Dates como timestamps(Number) em bancos de dados.

Quando preciso comparar, simplesmente comparo entre esses timestamps ou

converta-o em Date Object e compare com > < se necessário.

Note que == ou === não funciona corretamente a menos que suas variables ​​sejam referências do mesmo object Date.

Converta esses objects Date em timestamp (number) primeiro e, em seguida, compare a igualdade entre eles.


Data para Timestamp

 var timestamp_1970 = new Date(0).getTime(); // 1970-01-01 00:00:00 var timestamp = new Date().getTime(); // Current Timestamp 

Carimbo de data / hora até a data

 var timestamp = 0; // 1970-01-01 00:00:00 var DateObject = new Date(timestamp); 

CUIDADO COM O FUSO HORÁRIO

Uma data de javascript não tem noção de fuso horário . É um momento no tempo (carrapatos desde a época) com funções úteis para traduzir para e de strings no fuso horário “local”. Se você deseja trabalhar com datas usando objects de data, como todos estão fazendo, deseja que suas datas representem a meia-noite UTC no início da data em questão. Esta é uma convenção comum e necessária que permite trabalhar com datas, independentemente da estação ou fuso horário de sua criação. Portanto, você precisa estar muito atento para gerenciar a noção de fuso horário, especialmente quando cria o object de data UTC da meia-noite.

Na maioria das vezes, você desejará que sua data reflita o fuso horário do usuário. Clique se hoje for seu aniversário . Os usuários da NZ e dos EUA clicam ao mesmo tempo e obtêm datas diferentes. Nesse caso, faça isso …

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

Às vezes, a comparabilidade internacional supera a precisão local. Nesse caso, faça isso …

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

Agora você pode comparar diretamente seus objects de data como as outras respostas sugerem.

Tendo cuidado para gerenciar o fuso horário ao criar, também é necessário manter o fuso horário ao converter de volta para uma representação de string. Então você pode usar com segurança …

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

E evite totalmente tudo mais, especialmente …

  • getYear() , getMonth() , getDate()
  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; } 

Use este código para comparar a data usando o javascript.

Obrigado D.Jeeva

 var curDate=new Date(); var startDate=document.forms[0].m_strStartDate; var endDate=document.forms[0].m_strEndDate; var startDateVal=startDate.value.split('-'); var endDateVal=endDate.value.split('-'); var firstDate=new Date(); firstDate.setFullYear(startDateVal[2], (startDateVal[1] - 1), startDateVal[0]); var secondDate=new Date(); secondDate.setFullYear(endDateVal[2], (endDateVal[1] - 1), endDateVal[0]); if(firstDate > curDate) { alert("Start date cannot be greater than current date!"); return false; } if (firstDate > secondDate) { alert("Start date cannot be greater!"); return false; } 

Aqui está o que eu fiz em um dos meus projetos,

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

chamando isso no formulário onsubmit. espero que isto ajude.

Antes de comparar o object Dates , tente definir seus milissegundos como zero, como Date.setMilliseconds(0); .

Em alguns casos em que o object Date é criado dinamicamente em javascript, se você continuar imprimindo o Date.getTime() , verá os milissegundos sendo alterados, o que impedirá a igualdade de ambas as datas.

Vamos supor que você lide com este formato de data 2014[:-/.]06[:-/.]06 ou este 06[:-/.]06[:-/.]2014 , então você pode comparar datas dessa maneira

 var a = '2014.06/07', b = '2014-06.07', c = '07-06/2014', d = '07/06.2014'; parseInt(a.replace(/[:\s\/\.-]/g, '')) == parseInt(b.replace(/[:\s\/\.-]/g, '')); // true parseInt(c.replace(/[:\s\/\.-]/g, '')) == parseInt(d.replace(/[:\s\/\.-]/g, '')); // true parseInt(a.replace(/[:\s\/\.-]/g, '')) < parseInt(b.replace(/[:\s\/\.-]/g, '')); // false parseInt(c.replace(/[:\s\/\.-]/g, '')) > parseInt(d.replace(/[:\s\/\.-]/g, '')); // false 

Como você pode ver, nós separamos o (s) separador (es) e então comparamos inteiros.

Olá, aqui está o meu código para comparar datas. No meu caso, estou fazendo uma verificação para não permitir a seleção de datas anteriores.

 var myPickupDate =  ; 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; 
    Intereting Posts