2013-10-10 260 views
0

創建我創建使用jQuery的文件準備好方法,我的代碼,日期選擇器,如下jQuery的日期選擇器點擊的問題時,日期選擇器動態

$(document).ready(function(){ 
    $("#setdate").html('<input type="text" class="datepicker">'); 
}); 

所以我的文本框在運行時創建和我加入類名作爲日期選擇器,當我點擊在該文本框它不顯示日期選擇器對話框,因爲它創建的頁面加載時間,所以我加入以下代碼

$(this).on("click", ".datepicker", function(){ 
    $(".datepicker").datepicker({ 
    changeMonth: true, 
    changeYear: true 
    }); 
}); 

當我點擊在第一時間日期選擇器的文本框就說明什麼,但接下來點擊打開日期選擇器對話框可以任何人都知道爲什麼這個哈ppens,我想打開datepicker第一次點擊它如何可能?

回答

0

你的邏輯稍微不同步。點擊時您只能將文本框變成日期選擇器。這意味着在第一次點擊之前它只是一個普通的文本框。 你想要做的是將文本框變成pageload上的日期選擇器。

這應該工作:

$(document).ready(function(){ 

    //create the text box 
    $("#setdate").html('<input type="text" class="datepicker">'); 

    //initialise the datepicker code on the text box 
    $(".datepicker").datepicker({ 
    changeMonth: true, 
    changeYear: true 
    }); 

});