Estou tentando comparar duas datas vindas de campos text
, transformando-as em objeto Date
, da seguinte forma (a primeira função é pra formatar o campo input
com XX/XX/XXXXXX/XX/XXXX
):
function formatar(mascara, documento){
var i = documento.value.length;
var saida = mascara.substring(0,1);
var texto = mascara.substring(i);
if (texto.substring(0,1) != saida){
documento.value += texto.substring(0,1);
}
}
if(new Date('#datafinal') <= new Date('#datainicial'))
{
alert("A data inicial é maior que a data final");
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" maxlength="10" placeholder="dd/mm/aaaa"
OnKeyPress="formatar('##/##/####', this)" id="datainicial">
<br>
<input type="text" maxlength="10" placeholder="dd/mm/aaaa"
OnKeyPress="formatar('##/##/####', this)" id="datafinal">
Mas não está dando certo. Acho que pode ser pelo formato que chega do input
, mas não tenho certeza. Dei uma pesquisada no SOen e existem várias perguntas com muitas respostas, mas nenhuma das que vi conseguiu resolver pra mim.
Basicamente, preciso que quando a pessoa acabe de digitar (antes de clicar no botão enviar) retorne um alert
caso a data final seja menor que a inicial. Alguma luz?