Выбор даты в JQuery UI с датами бронирования (диапазон дат) - PullRequest
0 голосов
/ 18 марта 2012

Я использовал инструмент выбора даты Jquery UI в двух полях, т.е. book_from и book_to для резервирования.

Когда я фокусируюсь на book_from, только те даты, которые меньше book_to и даты больше или равны сегодняшней дате, должны отображаться в средстве выбора даты book_from.

т.е.

если book_from = null и book_to = 2012-04-10

Тогда book_fir выбора даты должен быть только больше, чем сегодняшняя дата (2012-03-18) и меньше, чем 2012-04-10 (book_to) (даже не 2012-04-10)

и если я сфокусируюсь на book_to, то в средстве выбора даты book_to только даты больше сегодняшней даты + больше book_from даты

т.е.

если book_from = 2012-04-05

тогда средство выбора даты book_to показывает только больше, чем сегодняшняя дата (2012-03-18) и больше, чем 2012-04-05 (даже не 2012-04-05)

Пожалуйста, помогите мне, если кто-нибудь знает, как это сделать ..

1 Ответ

0 голосов
/ 20 марта 2012

После долгих поисков в Google я наконец-то нашел решение, это был инструмент выбора даты для резервирования :). Я не просто получил термин, чтобы объяснить мою проблему.Вот решение

$('#book_from, #book_to').datepicker({
       minDate: 0,
       changeMonth: true,
       changeYear: true,
        beforeShow: customRange,
        dateFormat: "yy-mm-dd"
    });
function customRange(input) {

    if (input.id == 'book_to') {
        var minDate = new Date($('#book_from').val());
        minDate.setDate(minDate.getDate() + 1)

        return {
            minDate: minDate

        };
    }
    else  if(input.id == 'book_from') {
        var maxDate = new Date($('#book_to').val());
        maxDate.setDate(maxDate.getDate()-1)

        return {
            maxDate: maxDate

        };
    }

    return {}

}
...