jquery datepicker calendar icon定位

我正在使用jquery-ui datepicker。問題是，庫默認在輸入字段後面直接插入日曆圖標。但是，我的HTML標記有點不同，我希望日曆圖標出現在DOM的其他位置，即在輸入字段的父容器之外。jquery datepicker calendar icon定位

我甚至嘗試手動添加我自己的<img/>並添加類ui-datepicker-trigger，但它不會觸發任何內容。

我該如何確定圖標應該出現在DOM中，並且它必須工作？

這就是我想要的：

<div class="parent"> 
    <input id="datepicker" class="hasDatepicker" type="text" /> 
</div> 

<img class="ui-datepicker-trigger" src="images/calendar.gif" alt="..." title="..." />

不是這個（默認的jQuery UI的插入）：

<input id="datepicker" class="hasDatepicker" type="text" /> 
<img class="ui-datepicker-trigger" src="images/calendar.gif" alt="..." title="..." />

非常感謝

來源

2013-04-25 Shaoz

@Kasyx，我不想這樣做，因爲，這是什麼原因造成的插入後'直'。這就是我問的問題，如何取消該默認行爲... – Shaoz 2013-04-25 10:19:59

是的，對不起，我的錯。現在我明白你的問題了。 – Kasyx 2013-04-25 10:22:43

沒問題，很酷。 – Shaoz 2013-04-25 10:23:44

嘗試手動添加觸發器，它會顯示在圖像點擊日期選擇器：

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

來源

2013-04-25 10:21:42 Kasyx

這不起作用，什麼都沒有出現。在螢火蟲，它不是日期挑選容器的東西，但它沒有填充所有的日期編號，月份等... – Shaoz 2013-04-25 10:33:16

你有沒有添加'$（「＃datepicker」）。datepicker（）;'之前的某處？ – Kasyx 2013-04-25 10:33:57

我也更新了答案，請檢查'$（「＃datepicker」）。datepicker（「show」）;' – Kasyx 2013-04-25 10:35:19

試試這個

$(selector).datepicker({showOn: 'button', buttonImage: 'img/cal.gif', 
     buttonImageOnly: true, buttonText: 'Open calendar'});

SEE HERE

來源

2013-04-25 10:19:00 PSR

jquery datepicker calendar icon定位

回答

相關問題