Skip to main content
Tweeted twitter.com/StackOverflowPT/status/1267380384012161026
adicionou 2 caracteres ao conteúdo
Fonte Link
Ricardo
  • 15mil
  • 18
  • 83
  • 137

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?

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

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

Fonte Link
gustavox
  • 4mil
  • 10
  • 51
  • 98

Como comparar duas datas em Javascript ou jQuery

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