Max Date à l'aide de JQuery de Validation

Comment puis-je mettre un max de date (la date du jour) à l'aide de Jquery de Validation?

$('#form').validate({
        rules: {
            reportDate: {
                date: true
                //Max date rule of current date...
            }
        }
    });

OriginalL'auteur ojhawkins | 2013-06-26

  1. 10

    Vous pouvez ajouter une méthode de validation pour définir max date comme date actuelle à l'aide addMethod que ce

    $.validator.addMethod("maxDate", function(value, element) {
    var curDate = new Date();
    var inputDate = new Date(value);
    if (inputDate < curDate)
        return true;
    return false;
}, "Invalid Date!");   //error message

    puis ajoutez cette méthode pour les règles de jeu de la validation

    $("#frm").validate({
    rules: {
        reportDate: {
            required: true,
            date: true,
            maxDate: true
        }
    }
});

    Note: la date '12/03/2013' est interprété comme cette 'mm/dd/yyyy',

    donc 12/03/2013 > 06/26/2013 (today's date) et donc Invalide.

    Démo

    OriginalL'auteur Uttara

  2. 1

    Vous avez besoin d'une méthode de validation et la date de mise en forme est essentielle. À l'aide de la datepicker fonctions de mise en forme permet de. Voici le code où vous pouvez passer la date de vérification et le format de la date en paramètre. Passage de "0" date "aujourd'hui".

    /**
 * Requires Datepicker and Validator
 *
 * Params: 
 * 0...dateformat. see datepicker
 * 1...date. Value "0" is "today"
 * 2...(optional). date to display. will be automatically filled if 0 and 1 are set.
 * usage:
 * myfield: { maxDate: ['m/d/yy', 0] }
 */
jQuery.validator.addMethod("maxDate", 
    function(value, element, params) {
        if (!params[0])
            throw 'params missing dateFormat';
        if (typeof(params[1]) == 'undefined' )
            throw 'params missing maxDate';

        var dateFormat = params[0];
        var maxDate = params[1];
        if (maxDate == 0) {
            maxDate = new Date();
            maxDate.setHours(0); //make it 00:00:0
            maxDate.setMinutes(0);
            maxDate.setSeconds(0);
            maxDate.setMilliseconds(0);
        }
        if (typeof(params[2]) == 'undefined' )
            params[2] = $.datepicker.formatDate(dateFormat, maxDate);

        try {
            var valueAsDate = $.datepicker.parseDate( dateFormat, value )
            return (valueAsDate < maxDate);
        } catch (x) {
            return false;
        }

    },'Must be before {2}.');


$("#myform").validate({
    rules: {
        datepicker : { 
            maxDate ['m/d/yy', 0]
        }
    }
});

    HTML:

    <input name="datepicker" class="datepicker" type="text"/>

    OriginalL'auteur leobard

  3. 0

    Je pense que c'est plus élégant solution car vous pouvez changer le format de date que vous le souhaitez et de les utiliser avec datepicker.

    //Datepicker
$('#date_start').datepicker({
    dateFormat: 'dd.mm.yy',
    maxDate: "+0",
    onClose: function() {$(this).valid();},
}).datepicker("setDate", new Date());


//Validation method
$.validator.addMethod("maxDate", function(e) {
    var curDate = $('#date_start').datepicker("getDate");
    var maxDate = new Date();
    maxDate.setDate(maxDate.getDate());
    maxDate.setHours(0, 0, 0, 0); //clear time portion for correct results
    console.log(this.value, curDate, maxDate);
    if (curDate > maxDate) {
        $(this).datepicker("setDate", maxDate);
        return false;
    }
    return true;
});


//Date validation
$("#form").validate({
    //Rules for form validation
    rules: {
        date_start:{
            required: true,
            maxDate: true
        },
    },

    messages: {
        date_start:{
            required: 'Enter date_start',
            maxDate: 'Must be today date or less',
        },
    },
    //Error placement
    errorPlacement: function (error, element) {
       error.insertAfter(element.parent());
    }
});

//HTML
<input type="text" name="date_start" id="date_start">

    OriginalL'auteur Kirill Ryzhkov