Легко ли это сделать с помощью jquery datepicker? - PullRequest
Новая
       13

Легко ли это сделать с помощью jquery datepicker?

0 голосов
/ 24 марта 2010

Мне в основном приходится клонировать верхнюю область с прибытием / отъездом: http://bit.ly/af1uAH

В полях прибытия и отправления вверху имеются соответствующие календари. В прошлый раз, когда я настраивал датчики даты прибытия и отправления, у них была кнопка «Очистить».

Кто-нибудь знает, изменилось ли это между версиями или все еще встроено?

Если у кого-нибудь есть примеры верхней области (исключая нижнюю, поскольку это дополнительная работа для меня), я был бы очень признателен.

1 Ответ

2 голосов
/ 25 марта 2010

Кнопка очистки была удалена .

Что касается примеров, вас больше волнует, как добавить DatePicker в целом или как его стилизовать так, чтобы он выглядел так же, как ваш пример?

Вы можете установить значок триггера, передав опцию buttonImage: 'images/calendar.gif' в .datepicker() (оберните его в фигурные скобки). Вы, вероятно, можете получить полностью записанную дату (т. Е. «5 января 2010 г.»), используя formatDate() служебную функцию DatePicker или altField параметр .

редактирование:

Чтобы обновить дату отправления при изменении даты прибытия, вам нужно будет использовать опцию onSelect при включении DatePicker для прибытия: 

$("#arrival").datepicker({
    onSelect: function(dateText, inst) {
        // calculate newDate
        $("#departure").datepicker("setDate", newDate);
    }
});

newDate может быть числом дней (например, +7) или форматированной строкой даты. Я думаю, что лучший способ выяснить это - отследить исходное значение даты отъезда и определить, на сколько дней пользователь изменил свой выбор вперед или назад, а затем использовать это число для определения новой даты прибытия по сравнению со старой Дата прибытия. Он отслеживает много вещей вручную, но я не уверен в лучшем способе. (Ик)

...