Tengo una función onchange que valida una diferencia de fechas:
$('#fechaFinal').on('change',function(){
$('#ndias').val('');
var fechaInicio = new Date($('#fechaInicio').val());
var fechaFinal = new Date($('#fechaFinal').val());
var fechaResta = fechaFinal - fechaInicio;
$('#ndias').val(((((fechaResta / 1000) / 60) / 60) / 24).toFixed(0));
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="col-md-6">
<label for="">Fecha Inicio</label>
<input type="text" class="form-control" id="fechaInicio" value="" placeholder="fechaInicio" name="fechaInicio" required="true">
</div>
<div class="col-md-6">
<label for="">Fecha Final</label>
<input type="text" class="form-control" id="fechaFinal" value="" placeholder="fechaFinal" name="fechaFinal" required="true">
</div>
//este es otro form-group
<div class="col-md-6">
<label for="">Dias Vacacionales</label>
<input type="text" class="form-control" id="ndias" value='' placeholder="Dias" name="dias" required="true" readonly="true">
</div>
El detalle es que a pesar de ser una función onchange
el input ndias
me aparece como NaN al cargar la pagina hasta que se ejecuta la función,
no hay error en el proceso pero se ve muy feo ese NaN
change
adocument
y no a un elemento, como por ejemplo a cualquiera de #fechaInicio o #fechaFinal, entonces si uno de ellos o los dos no tienen valor numerico, si o si, #ndias saldrá NaN