javascript - Jquery UI 日期选择器不起作用

Question

当我单击文本字段时，我使用 jquery ui 添加日期选择器。但年份和月份选择器不起作用。有什么错误吗？

function date() {

                                        $("#dob").datepicker();
                                        $("#dob").datepicker("show");
                                        $("#dob").datepicker({
                                            changeMonth: true,
                                            changeYear: true,
                                            yearRange: "1900:1996"
                                        });


                                    }

我的输入字段代码是这样的

<input type="text" onclick="date()" id="dob"/>

Answer 1

您不需要在每次单击输入时调用函数并绑定(bind)日期选择器。而且只需调用一次就足够了，而不是调用三次。

第一次调用将日期选择器与默认设置绑定(bind)

$("#dob").datepicker();

第二个调用是显示日期选择器，这不是必需的，因为点击输入它会自动弹出

$("#dob").datepicker("show");

第三次调用是显示日期选择器以及您的选项，例如显示年份和月份

$("#dob").datepicker({
   changeMonth: true,
   changeYear: true,
   yearRange: "1900:1996"
});

您只需要第三个日期选择器调用即可满足您的要求， 使用下面的代码

<input type="text" id="dob"/>

jQuery

$(function(){
    $("#dob").datepicker({
       changeMonth: true,
       changeYear: true,
       yearRange: "1900:1996"
    });
});

<强> Demo