jQuery datepicker показанные годы
3 ответа
Если Вы посмотрите вниз демонстрационная страница немного, Вы будете видеть раздел "Restricting Datepicker". Используйте выпадающее, чтобы определить" Year dropdown shows last 20 years" демонстрация и поразить источник представления:
$("#restricting").datepicker({
yearRange: "-20:+0", // this is the option you're looking for
showOn: "both",
buttonImage: "templates/images/calendar.gif",
buttonImageOnly: true
});
Вы захотите сделать то же (очевидно, изменение -20 к -100 или что-то).
au, nz, т.е., и т.д. являются кодами страны для стран, государственные праздники которых отображаются (Австралия, Новая Зеландия, Ирландия...). Как замечено в коде, эти значения объединяются с '_day' и пасуются назад, чтобы быть примененными к тому дню как стиль CSS. Соответствующие стили имеют шоу формы ниже, которое перемещает текст в течение того дня из пути и заменяет его изображением флага страны.
.au_day {
text-indent: -9999px;
background: #eee url(au.gif) no-repeat center;
}
'ложное' значение, которое пасуется назад с новым стилем, указывает, что эти дни не могут быть выбраны.
Добавляя к тому, какой отправленный @Shog9, можно также ограничить даты индивидуально в beforeShowDay: функция обратного вызова.
Вы предоставляете функцию, которая берет дату и возвращает булев массив:
"$(".selector").datepicker({ beforeShowDay: nationalDays})
natDays = [[1, 26, 'au'], [2, 6, 'nz'], [3, 17, 'ie'], [4, 27, 'za'],
[5, 25, 'ar'], [6, 6, 'se'], [7, 4, 'us'], [8, 17, 'id'], [9, 7,
'br'], [10, 1, 'cn'], [11, 22, 'lb'], [12, 12, 'ke']];
function nationalDays(date) {
for (i = 0; i < natDays.length; i++) {
if (date.getMonth() == natDays[i][0] - 1 && date.getDate() ==
natDays[i][1]) {
return [false, natDays[i][2] + '_day'];
}
}
return [true, ''];
}