проверить, если дата ниже, чем дата - PullRequest
Новая
       12

проверить, если дата ниже, чем дата

3 голосов
/ 01 февраля 2012

Я использую jQuery UI datepicker, и jquery проверяет мою форму ...

Я хочу проверить, ниже ли выбранная вами дата: 01-04-1947, если дата у васзатем выбрано ниже, тогда должно появиться сообщение об ошибке!Не могу понять, как это сделать - это то, что я до сих пор получил? 

<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="js/jquery-ui-1.8.17.custom.min.js"></script>
    <script type="text/javascript" src="js/jquery.ui.datepicker-da.js"></script>
    <script type="text/javascript" src="js/jquery.validate.min.js" ></script>
    <script>
        $(document).ready(function() {
           //Hide div w/class
           $(".datecontainer").css("display","none");
           // Add onclick handler to checkbox w/class bool
           $(".bool").click(function(){
                // If checked
                if ($("#notificationbox_yes").is(":checked"))
                {
                    //show the hidden div
                    $(".datecontainer").show("fast");
                }
                else
                {
                    //otherwise, hide it
                    $(".datecontainer").hide("fast");
                }
            });


            $(function() {
                $("#datepicker").datepicker(
                    {
                        defaultDate: new Date(35,5,24),
                        minDate: new Date(47, 3,1),
                        /*maxDate: new Date(49,12,31),*/
                        changeMonth: true,
                        changeYear: true,
                        monthNamesShort: ['Jan','Feb','Mar','Apr','Maj','Jun','Jul','Aug','Sep','Okt','Nov','Dec'],
                        dayNamesShort: ['Man', 'Tir', 'Ons', 'Tor', 'Fre', 'Lør', 'Søn'],
                        yearRange: '1901:2012',
                        dateFormat: 'dd-mm-yy'
                    }
                );
                //Parse dato til format
                var endDate = $.datepicker.parseDate('dd-mm-yy', "01-04-1947");
                var date = $.datepicker.parseDate('dd-mm-yy', $('#datepicker').val());
                $.datepicker.parseDate('dd-mm-yy', $('#datepicker').val());
                if (date <= enddate) {
                   alert('error');
                }
            });


            $("#mainForm").validate();

        });

    </script>

Ответы [ 2 ]

6 голосов
/ 01 февраля 2012

Вам нужен mindate метод проверки, который выглядит следующим образом: 

$.validator.addMethod('mindate',function(v,el,minDate){
    if (this.optional(el)){
        return true;
    }
    var curDate = $(el).datepicker('getDate');
    return minDate <= curDate;
}, 'Please specify a recent date');

Затем в ваших правилах проверки укажите, что ваш ввод даты должен быть использован: 

$("form").validate({
    rules: {
        datepicker: {
            mindate: new Date(47,3,1),
            required: true
        }
        //the rest of your rules
    }
    //rest of validate options
});

Вот и все.Смотрите его в действии здесь: http://jsfiddle.net/ryleyb/uFdu7/

Возможно, вы захотите определить лучшее сообщение в опциях проверки.

1 голос
/ 01 февраля 2012

Как предложено в комментарии Энтони, почему бы не указать минимально возможную дату как минимально возможную для выбора дату с помощью элемента minDate? 

minDate: new Date(1947, 4, 1)

В противном случае вы всегда можете обновитьDate экземпляр с выбранным значением и использовать его методы для определения достоверности ввода (например, getFullYear() >= 1947 и т. д.). Вот справка , чтобы помочь в этом.

...