Отключить даты в JQuery DatePicker динамически - PullRequest
Новая
       5

Отключить даты в JQuery DatePicker динамически

1 голос
/ 26 сентября 2011 
var birthDate;
$(function() {
    var currentDate = new Date();
    $("#BirthDate").datepicker({
        dateFormat: "mm/dd/yy",
        showOn: "button",
        buttonImage: "../Images/cal.gif",
        buttonImageOnly: true,
        changeMonth: true,
        changeYear: true,
        maxDate: currentDate,
        yearRange: "-90:+10",
        onSelect: function(dateText, inst) { birthDate = dateText;}
    });
});
$(function() {
    var currentDate = new Date();
    $("#MaritalStatusDate").datepicker({
        dateFormat: "mm/dd/yy",
        showOn: "button",
        buttonImage: "../Images/cal.gif",
        buttonImageOnly: true,
        changeMonth: true,
        changeYear: true,
        minDate: birthDate,
        maxDate: currentDate,
        yearRange: "-90:+10"
    });

});

В приведенном выше коде я пытаюсь отключить $("#MaritalStatusDate") даты на основе даты, выбранной в $("#BirthDate"). Я использую событие onSelect в BirthDate, чтобы идентифицировать выбранную дату, и я сохраняю значение в переменной, которая объявлена ​​глобально. Используя переменную, я установил minDate в $("#MaritalStatusDate"). Но даты не отключаются на основании значения minDate. Нужно ли менять формат даты при назначении значения переменной? Может кто-нибудь помочь мне в этом?

1 Ответ

3 голосов
/ 27 сентября 2011

Вы можете просто установить minDate для $('#MaritalStatusDate') в onSelect событии. 

$("#BirthDate").datepicker({
    ...
    onSelect: function(dateText, inst) {
        $('#MaritalStatusDate').datepicker('option', 'minDate', dateText);
    }
});

Смотрите это в действии: http://jsfiddle.net/william/2q7TN/.

...