jquery ui datepicker與一個按鈕，而不是輸入框

Question

我正在尋找一種方式來使用datepicker與一個按鈕，而不是一個輸入框。當我點擊按鈕時，日期選擇器將顯示爲按鈕的下拉菜單，點擊一些事件就會觸發。 Somethign像下面的圖片

任何幫助嗎？

Answer 1

如果您使用的是輸入欄和圖標（如本示例）：這樣

<input name="Date" id="Date" type="text" readonly /> 
<a href="#" id="Date_icono" ></a> 

您可以將日期選擇器連接到你的圖標（在我的情況下通過CSS的標記內）：

$("#Date").datepicker(); 
    $("#Date_icono").click(function() { 
    $("#Date").datepicker("show"); 
    }); 

OR

原來，一個簡單的隱藏的輸入字段做這項工作：

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

然後使用按鈕畫面屬性爲您的形象，像正常：

$("#dp").datepicker({ 
    buttonImage: '../images/icon_star.gif', 
    buttonImageOnly: true, 
    changeMonth: true, 
    changeYear: true, 
    showOn: 'both', 
}); 

起初我嘗試了文本輸入字段，然後設置顯示：沒有風格就可以了，但造成的日曆從瀏覽器的頂部出現，而不是從用戶點擊的地方出現。但隱藏的領域按需要運作。