Вопрос о плагине jQuery DatePicker - PullRequest
Новая
       5

Вопрос о плагине jQuery DatePicker

0 голосов
/ 06 сентября 2011

У меня вопрос к плагину jQuery DatePicker.

Я знаю, что есть нечто, называемое AltField.

У меня есть функция диапазона дат, которая является просто демонстрационными кодами.

Код здесь 

    $(function() {
    var dates = $( "#from, #to" ).datepicker({
        defaultDate: "+1w",
        changeMonth: true,
        numberOfMonths: 3,
        onSelect: function( selectedDate ) {
            var option = this.id == "from" ? "minDate" : "maxDate",
                instance = $( this ).data( "datepicker" ),
                date = $.datepicker.parseDate(
                    instance.settings.dateFormat ||
                    $.datepicker._defaults.dateFormat,
                    selectedDate, instance.settings );
            dates.not( this ).datepicker( "option", option, date );
        }
    });
});

У меня вопрос, как применить два разных AltField для каждого поля ввода?

Большое спасибо.

Я провел весь день уже и все еще понимаю ...

Ответы [ 2 ]

2 голосов
/ 06 сентября 2011

altField (обратите внимание на строчную букву «а», так как вы использовали заглавную букву «А» в своем вопросе) - это просто еще одна опция, которую функция datepicker принимает в качестве аргумента объекта параметров (как и defaultDate и changeMonth например, так как вы уже используете их). Следовательно, вы можете добавить его точно так же, как это (altField является свойством объекта параметров; его значение должно быть строкой селектора): 

var dates = $( "#from, #to" ).datepicker({
    altField: "#someOtherField",
    defaultDate: "+1w",
    changeMonth: true,
    numberOfMonths: 3,
    onSelect: function( selectedDate ) {
        var option = this.id == "from" ? "minDate" : "maxDate",
            instance = $( this ).data( "datepicker" ),
            date = $.datepicker.parseDate(
                instance.settings.dateFormat ||
                $.datepicker._defaults.dateFormat,
                selectedDate, instance.settings );
        dates.not( this ).datepicker( "option", option, date );
    }
});

В приведенном выше примере будет использоваться то, что соответствует селектору #someOtherField в качестве altField. Это идет рука об руку с параметром altFormat, который позволяет вам указать формат значения в альтернативном поле. Для получения дополнительной информации просто прочитайте документы .

0 голосов
/ 06 сентября 2011

AltField позволяет обновлять другой текстовый ввод значением datepicker.Добавьте altField: '#actualDate', к строке инициализации, после numberOfMonths, перед onSelect, где #actualDate - идентификатор другого ввода текста 

<input type="text" id="actualDate" />
...