如何顯示按鈕jQuery的日期選擇器點擊

Question

我想顯示日期選擇器只有在點擊鏈接

<input type="button" id=day value="day" /> 
$("#day").datepicker(); 

上述線條填充選擇的日期

我也試圖與下面的按鈕文本代碼，但沒有任何反應

$("#day").click(function() { 
    $("#hiddenField").datepicker('show'); 
}); 

Answer 1

嘗試把

$("#hiddenField").datepicker({ 
    showOn: 'button', 
    buttonText: 'Choose Date', 
    dateFormat: 'dd/mm/yy', 
    constrainInput: true 
}); 

in $(document).ready(function(){}); function。

希望這會有所幫助。

$("#hiddenField").datepicker({ 
    showOn: "button", 
    buttonText: "day" 
}); 

的jsfiddle：

Answer 2

您可以用內置showOn功能做到這一點http://jsfiddle.net/Uv8V4/

參考：http://jqueryui.com/datepicker/#icon-trigger

Answer 3

嘗試以下操作：

$("#day").click(function() { 
     $("#hiddenField").datepicker("show"); 
    }); 

單引號沒有按沒有工作。

希望這有助於。

Answer 4

下面提到您可以將一個按鈕觸發了jQuery的DatePicker，

<script type="text/javascript>" 
    $(function() { 
     $("#datepicker").datepicker({ 
      showOn: "button", 
      buttonImage: "https://jqueryui.com/resources/demos/datepicker/images/calendar.gif", 
      buttonImageOnly: true, 
      buttonText: "Select date" 
     }); 
    }); 
    </script> 

點擊以下鏈接的工作小提琴例如

https://jsfiddle.net/anjanasilva/rtt25a1m/