Estoy validando mi formulario con bootstrapValidator, la fecha solo se valida si la escribo, si la escojo desde el calendario no la válida. Si me pueden ayudar a validarla agradecería su ayuda. Utilizo el datepicker y bootstrapValidator.
CAMPO FORMULARIO:
<form class="form registerForm" role="form" method="post" enctype="multipart/form-data">
<!--FECHA DE INICIO-->
<div class="form-group inputGroupContainer ">
<label class="control-label" for="text">FECHA DE INICIO:</label>
<div class="input-group input-group-lg date datepicker3 container-calendar">
<input type="text" class="form-control puntero-i prohibido-no" name="newinputFechaIni" id="newFechaIni" value="" placeholder="CLIC AQUÍ Ó EN EL ICONO" required>
<span class="input-group-addon manito-clic ">
<i class="glyphicon glyphicon-calendar"></i>
</span>
</div>
</div>
<button type="submit" class="btn btn-primary" name="registrar-form" disabled>REGISTRAR</button>
</form>
Aqui estoy validando con boostrapValidator:
$('.registerForm').bootstrapValidator({
live: 'enabled',
fields: {
newinputFechaIni: {
validators: {
date: {
format: 'DD/MM/YYYY',
message: 'ESTE VALOR NO COINCIDE CON UNA FECHA'
},
stringLength: {
min: 10,
max: 10,
message: 'LA LONGITUD MÁXIMA ES DE 10 INCLUYENDO /'
},
regexp: {
regexp: /^[0-9-/]+$/,
message: 'LA FECHA SOLO PUEDE TENER NÚMEROS Y /'
}
}
}
}
});
Estoy inicializando datepicker que me pones ciertos valores por defecto del calendario:
$('.datepicker3').datepicker({
container: '.container-calendar',
autoclose: true,
todayHighlight: true,
calendarWeeks: true,
format: 'dd/mm/yyyy',
language: 'es'
});