Javascript Jquery UI日期选择器不工作

我使用jqueryui在单击文本字段时添加日期选择器。但它的年和月选择器不工作。错在哪里

function date() {

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


                                    }

我的输入字段代码是

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

---

您无需每次单击输入并绑定日期选择器时调用函数。而且，只要打一个电话就足够了，而不是打三次电话

第一个调用是使用默认设置绑定datepicker

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

第二个调用是显示datepicker，它不是必需的，因为点击输入它会自动弹出

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

第三个选择是显示datepicker，您可以选择显示年份和月份

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

而且你只需要第三个日期选择电话就可以满足你的要求， 使用下面的代码

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

---

您无需每次单击输入并绑定日期选择器时调用函数。而且，只要打一个电话就足够了，而不是打三次电话

第一个调用是使用默认设置绑定datepicker

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

第二个调用是显示datepicker，它不是必需的，因为点击输入它会自动弹出

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

第三个选择是显示datepicker，您可以选择显示年份和月份

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

而且你只需要第三个日期选择电话就可以满足你的要求， 使用下面的代码

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

---

您可以使用以下代码实现

     <form>
        <fieldset> 
        <input type="text" id="datepicker"/>  
        </fieldset>
     </form>

---

您可以使用以下代码实现

     <form>
        <fieldset> 
        <input type="text" id="datepicker"/>  
        </fieldset>
     </form>