Question

这就是我需要的。选择菜单包含单词＆＃34; Year＆＃34;和＆＃34;月＆＃34;。（通常请选择）

但它应该像文本框一样从文本框运行。

如果我在发布的源代码中更改了最后一行

<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？

Answer 1

试试这个解决方案：

$('#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);
}
});

<强> Fiddle Example

需要Jquery Datepicker来显示＆＃34;月＆＃34;和＆＃34;年＆＃34;作为下拉列表中的文本

1 个答案: