Календарь/datepicker с заблокированными датами

Question

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

Мне нужна страница, в которой календарь/датапикер видна (не активирована всплывающим) во все времена и имеет все прошлые даты, сегодняшнюю дату и 3 дня в будущее заблокированы. Затем пользователь может выбрать из доступных дат, которые затем отправляются клиенту.

Любая помощь будет очень признательна!

Answer 1

Проверьте следующие ссылки: http://jqueryui.com/demos/datepicker/#inline http://jqueryui.com/demos/datepicker/#min-max

Описание говорит, что это: «Установить начальную и конечную даты, как фактические даты (новая дата (2009, 1 - 1, 26)), в виде числового смещения с сегодняшнего дня (-20), или как строка периодов и единиц («+ 1М + 10D»)»

Answer 2

http://docs.jquery.com/UI/Datepicker#options

См minDate и maxDate

Answer 3

Вот пример того, как всегда отображать календарь:

http://jqueryui.com/demos/datepicker/#inline

Похоже функции затемнение-дата может быть достигнуто посредством callba beforeShowDay ck, или просто установив календарь min/max.

http://jqueryui.com/demos/datepicker/#min-max

http://forum.jquery.com/topic/custom-callback-to-disable-specific-dates-in-datepicker

$('#datepicker').datepicker({..., beforeShowDay: allowedDates}); 

function allowedDates(date) { 
     for (var i = 0; i < jsForbiddenDatesArray.length; i++) { 
      if (date.getTime() == jsForbiddenDatesArray[i].getTime()) { 
        return [false, '']; 
      } 
     } 
     return $.datepicker.noWeekends(date); 
} 

Answer 4

это может быть сделано двумя типами

1. набор MinDate и MaxDate
2. при открытии DatePicker и изменения месяц/год он сгенерирует событие beforeShowDay с каждой датой в этом месяце и году, и вы можете проверить каждую дату в этой функции на свой массив или объект диапазона дат и вернуть true или false. Если ложь вернется, эта дата будет деактивирована, и по истине эта дата будет активна