При использовании Datepicker выпадающий год по умолчанию показывает только 10 лет. Пользователь должен щелкнуть последний год, чтобы добавить больше лет.
Как мы можем установить начальный диапазон в 100 лет, чтобы пользователь по умолчанию видел большой список?
function InitDatePickers() {
$(".datepicker").datepicker({
changeMonth: true,
changeYear: true,
showButtonPanel: true,
maxDate: '@maxDate',
minDate: '@minDate'
});
}
jquery
jquery-ui
jquery-ui-datepicker
Ян Винк
источник
источник
Ответы:
Вы можете установить диапазон года, используя эту опцию для каждой документации здесь http://api.jqueryui.com/datepicker/#option-yearRange
или так
Из документов
источник
+
знак требуется.c-100:c+10
c
фактически означает «Текущий выбранный год», а не текущий год api.jqueryui.com/datepicker/#option-yearRangeЭто отлично сработало для меня.
Пример:-
См .: - установить диапазон года в jquery datepicker
источник
Я сделал это:
где
50
диапазон от текущего года.источник
Вы можете установить диапазон года, используя эту опцию в jQuery UI datepicker:
источник
Это немного поздно для того, чтобы предложить это, учитывая, как давно был опубликован оригинальный вопрос, но это то, что я и сделал.
Мне был нужен диапазон 70 лет, который, хотя и не так много, как 100, все равно слишком много лет, чтобы посетитель мог пролистать. (jQuery проходит через год в группах, но это боль в душе для большинства людей.)
Первым шагом было изменение JavaScript для виджета datepicker: найдите этот код в jquery-ui.js или jquery-ui-min.js (где он будет свернут):
И заменить это на это:
Это окружает десятилетия (кроме текущего) тэгами OPTGROUP.
Затем добавьте это в ваш файл CSS:
Это скрывает десятилетия до тех пор, пока посетитель не проведет мышку в течение базового года. Ваш посетитель может быстро прокрутить любое количество лет.
Не стесняйтесь использовать это; просто дайте правильную атрибуцию в вашем коде.
источник
Я хотел реализовать средство выбора даты, чтобы выбрать дату рождения, и у меня были проблемы с изменением,
yearRange
поскольку, похоже, он не работает с моей версией (1.5). Я обновил до последней версии DatePicker jquery-UI здесь: https://github.com/uxsolutions/bootstrap-datepicker .Затем я обнаружил, что они предоставляют этот очень полезный инструмент «на лету», так что вы можете настроить всю свою программу выбора даты и посмотреть, какие настройки вы должны использовать.
Вот так я и узнал, что вариант
это вариант, который я искал, и я не нашел никаких результатов поиска в Интернете.
Для других пользователей: если вы также хотите предоставить указатель даты для изменения даты рождения, я предлагаю использовать следующие параметры кода:
При открытии средства выбора даты вы начнете с выбора 20 лет назад относительно текущего года.
источник