Saltar al contenido

Bootstrap datepicker y bootstrap validador

Buscamos por distintos sitios para así traerte la solución a tu inquietud, si continúas con alguna duda puedes dejar tu pregunta y contestaremos con gusto, porque estamos para ayudarte.

Solución:

Cuando utilice BootstrapValidator con Bootstrap-datetimepicker o Bootstrap-datepicker, debe volver a validar el campo de fecha.

Así que deberías agregar esto:

1) usando con bootstrap-datetimepicker:

$('.date')
    .on('dp.change dp.show', function(e) 
        // Revalidate the date when user change it
        $('#myForm').bootstrapValidator('revalidateField', 'endDate');
);

2) usando con bootstrap-datepicker:

$('.datepicker')
    .on('changeDate show', function(e) 
        // Revalidate the date when user change it
        $('#myForm').bootstrapValidator('revalidateField', 'endDate');
);

Consulte el ejemplo de selector de fecha y hora para obtener más información.

De alguna manera, después de seleccionar una fecha, datepicker() pierde el foco del campo de fecha y ninguno de los complementos del validador puede ver el campo de entrada de fecha como lleno (válido). Como conclusión, un simple .focus() hace el truco.

$('#datefield').datepicker(
  //datepicker methods and settings here
).on('changeDate', function (e) 
  $(this).focus();    
);

Recuerda compartir esta reseña si lograste el éxito.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *