Home / Questions / 13027
Accepted
Lina Cortés
Asked: 2020-06-07 12:05:37 +0800 CST 2020-06-07 12:05:37 +0800 CST

Validate DatePicker Jquery

  • 772

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 .

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'
                }
            }
        }

    }
});
javascript

2 Answers

  1. Best Answer

    This may 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');
            }
        });
    • 0

  2. Use the HTML5 api Example:

    <input type="date" name="bday" max="1979-12-31"><br>
<input type="date" name="bday" min="2000-01-02"><br>

    Web

    • -2