Comparar Datas

Comparar Datas

by Rapha Souza

HTML

<link rel="stylesheet" href="http://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">

<div class="row">
<div class="form-group col-5">
<label>Data inicial</label>
 <input type="text" name="datainicial" id="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">
   

<script>
function checarDatas() {

    var form_insere = document.getElementById('datainicial').value;

    var data_1 = document.getElementById('datainicial').value;
       alert(data_1);
    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
    }
}


</script>