javascript – Validar DatePicker Jquery

Question:

I am validating my form with , the date is only validated if I write it, if I choose it from the calendar it is not valid. If you can help me validate it, I would appreciate your help. I use the Jquery .

Form field:

<div class="form-group">
                    <label class="col-md-4 control-label" for="fechaEntrega">Fecha entrega</label>
                    <div class="col-md-4"> 
                        <div class="input-group">
                            <span class="input-group-addon fa fa-calendar"></span>
                            <input type="text" id="fechaEntrega" name="fechaEntrega" class="form-control"></input>
                        </div>
                    </div>
                </div>

Validation:

$().ready(function () {
$('#formularioSolicitudPedido').formValidation({// Validación datos capa cliente. TENER PRESENTE EL ID DEL FORM
    err: {container: 'tooltip'}, //muestra en tooltips
    icon: {valid: 'fa fa-thumbs-up', invalid: 'fa fa-thumbs-down', validating: 'fa fa-refresh'}, //iconos
    //locale: 'es_ES', //idioma - debe enlazar el archivo "es_ES.js"
    fields: {

        fechaEntrega: {
            validators: {
                notEmpty: {
                    message: 'La fecha de entrega es requerida'
                }
            }
        }

    }
});

Answer:

This can help you:

$('#formularioSolicitudPedido').formValidation({// Validación datos capa cliente. TENER PRESENTE EL ID DEL FORM
    err: {container: 'tooltip'}, //muestra en tooltips
    icon: {valid: 'fa fa-thumbs-up', invalid: 'fa fa-thumbs-down', validating: 'fa fa-refresh'}, //iconos
    //locale: 'es_ES', //idioma - debe enlazar el archivo "es_ES.js"
    fields: {

        fechaEntrega: {
            validators: {
                    notEmpty: {
                        message: 'La fecha es requerida'
                    },
                    date: {
                        format: 'MM/DD/YYYY',
                        message: 'La fecha no es valida'
                    }
                }
        }

    }
}).find('[name="fechaEntrega"]')
        .datepicker({
            onSelect: function(date, inst) {
                // Revalida el campo cuando se usa el picker
                $('#formularioSolicitudPedido').formValidation('revalidateField', 'fechaEntrega');
            }
        });
Scroll to Top