Comparar Datas

Comparar Datas

by Rapha Souza

HTML

<link rel="stylesheet" href="http://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
<form action="" name="form_insere" onsubmit="return checarDatas()">
<div class="row">
<div class="form-group col-5">
<label>Data inicial</label>
 <input type="text" name="datainicial" class="form-control" value="07/06/2018"/>
</div>
<div class="form-group col-5">
<label>Data Final</label>
 <input type="date" name="datafinal" class="form-control"/>
</div>
<div class="form-group col-5">
<label>Data Final</label>
<input type="text" name="campo" id="campo" class="form-control">
</div>

</div>
    
    <input type="button" onclick="checarDatas()" value="Click">
   
</form>

JavaScript

function checarDatas() {
    var form_insere = document.form_insere;
    console.log(form_insere);
    var data_1 = new Date(form_insere.datainicial.value);
    var data_2 = new Date(form_insere.datafinal.value);
    if (!data_1 || !data_2) return false
        
    
    if (data_1 > data_2) {
    
    document.getElementById('campo').readOnly = true;
    
        alert("Data não pode ser maior que a data final");
        return false;
    } else {
        return true
    }
}