¡espero que esten bien!
chicos tengo problemas al validar un campo timepicker, solo se valida cuando ingreso los datos con el teclado pero cuando selecciono la hora desde la vetana timepicker no se valida.
imagenes ilustrativas:
en la prima imagen estoy seleccionando la hora dando click en el reloj, y no se valida el campo:
en la segunda imagen estoy escribiendo los datos con el teclado:
aqui esta el codigo html del campo:
<div class="form-group inputGroupContainer ">
<label class="control-label" for="text">HR LLEGADA PLANTA:</label>
<div class="input-group input-group-lg bootstrap-timepicker" id="newHrLlegadaPlantaa">
<input type="text" class="form-control puntero-i timepicker1" name="newinputHrLlegadaPlanta" id="newHrLlegadaPlanta" placeholder="00:00 .." required>
<span class="input-group-addon manito-clic">
<i class="glyphicon glyphicon-time"></i>
</span>
</div>
</div>
aqui esta mi codigo bootstrapValidator del campo:
$('.registerForm').bootstrapValidator({
live: 'enabled',
fields: {
newinputHrLlegadaPlanta: {
validators: {
stringLength: {
min: 8,
max: 8,
message: 'LA LONGITUD MÁXIMA ES DE 8 Y MÍNIMA DE 8'
},
regexp: {
regexp: /^(0?[1-9]|1[012])(:[0-5]\d) [AP][M]$/,
message: 'SOLO SE PERMITE NÚMEROS, FORMATO AM/PM, SPACE Y (:)'
}
}
}
}
});
aqui esta mi codigo js revalidando este campo:
$('#newHrLlegadaPlantaa').on('changeDate show', function(e) {
// Revalidar fecha
$('.registerForm').bootstrapValidator('revalidateField', 'newinputHrLlegadaPlanta');
});