Нужно, чтобы Jquery Datepicker отображал «Месяц» и «Год» как текст в выпадающем списке

0

Это то, что мне нужно. В выбранных меню содержатся слова "Год" и "Месяц". (Обычно выберите)

ДЕМО 1: - JSFIDDLE1

НО он должен запускаться из текстового поля, как и в этом демо.

ДЕМО 2: - JSFIDDLE2

Если я изменю LAST LINE в исходном коде

<div id="datepicker"></div>

в

Date: <input type="text" id="datepicker">

Затем он перестает добавлять текст к выпадающему меню?

ИСХОДНЫЙ КОД

$(document).ready(function(){
$('#datepicker').datepicker({

        changeMonth: true,
        changeYear: true,

        onChangeMonthYear: function (year, month) {
            $("#startYear").val(year);
            $("#startMonth").val(month);
        }
    });


$(".ui-datepicker-month").prepend("<option value='' selected='selected'>Month</option>");

$(".ui-datepicker-year").prepend("<option value='' selected='selected'>Year</option>");
});
</script>

<div id="datepicker"></div>

Вопрос: - Как получить второе демо для запуска с текстовым полем, а также YEAR и MONTH, как и первое демо?

Теги:
datepicker

1 ответ

0

Попробуйте это решение:

$('#startDate').datepicker({
changeMonth: true,
changeYear: true,
dateFormat: 'MM yy',
onClose: function (dateText, inst) {
    var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val();
    var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
    $(this).datepicker('setDate', new Date(year, month, 1));
},
onChangeMonthYear: function (year, month) {
    $("#startYear").val(year);
    $("#startMonth").val(month);
}
});

Пример скрипки

Поделиться
  • 0
    Похоже, он не отображается: ГОД и Месяц в первой части раскрывающегося списка. (обычно это может быть, пожалуйста, выберите)
  • 0
    Я получаю то, что вы хотите!
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню