jQuery Datepicker, подключенный к двум входам, изменяет оба при изменении одного

У меня есть два входа, и к обоим я прикрепил jQuery UI Datepickers. Проблема в том, что когда я меняю дату на первом, она меняется на втором и наоборот. Предложения?

<label for="datestart">Start Date:</label>
<input id="datestart" name="datestart" type="text">

<label for="dateend">End Date:</label>
<input id="dateend" name="dateend" type="text">


$(function(){
    var dates = $('#datestart, #dateend').datepicker({
        defaultDate: '+1w', dateFormat: 'yy-mm-dd', changeMonth: true, changeYear: true, numberOfMonths: 1, showOtherMonths: true, selectOtherMonths: true,
        onSelect: function(selectedDate) {
            var option = this.id == 'from' ? 'minDate' : 'maxDate';
            var instance = $(this).data('datepicker');
            var date = $.datepicker.parseDate(instance.settings.dateFormat || $.datepicker._defaults.dateFormat, selectedDate, instance.settings);
            dates.not(this).datepicker('option', option, date);
        }
    });
});

person Ben Dauphinee    schedule 27.10.2010    source источник


Ответы (1)


Ваш 'from' должен быть 'datestart'.

var option = this.id == 'datestart' ? 'minDate' : 'maxDate';

person QuinnG    schedule 27.10.2010