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

您無需單擊輸入就調用函數，而不必每次都綁定datepicker。 同樣，只打一個電話就足夠了，而不是打三遍。

首次呼叫是使用默認設置綁定日期選擇器

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

第二個調用是顯示日期選擇器，它不是必需的，因為單擊輸入時它將自動彈出

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

第三個調用是顯示日期選擇器以及您的選項，例如顯示年份和月份

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

您只需要第三個datepicker調用即可，請使用以下代碼

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

jQuery的

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

演示

Answer 2

您可以通過使用以下代碼來實現

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

腳本如下

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

    });

的jsfiddle