jquery datepicker：自定義圖標

Question

我知道datepicker中有一個選項用於添加日曆圖標， ，但它只會在將插件應用到文本框後顯示。 我的問題是：如何使用我自己的圖標（通過標記添加） 觸發日期選擇器的文本框？ 謝謝

Answer 1

您需要使用.datepicker('show')（初始化後）手動顯示日期選擇器。其餘的使用標準showOn: 'focus'選項。

看到這個jFiddle爲例（使用button而不是圖像，但原理是一樣的）

Answer 2

我想是這樣，你可以在這裏添加隱藏字段，也比使用圖像您可以打開日期選擇器。 一樣，

<input type="hidden" id="datepker" /> 

現在使用此代碼，

$("#datepker").datepicker({ 
     showOn: "button", 
     buttonImage: '../calender.gif', //your own image path 
     buttonImageOnly: true, 
}); 

這將不會顯示文本框，做工精細。