2015-02-09 70 views
3

我正在使用帶有一系列輸入字段的jQuery datepicker,並且希望將datepicker附加到包含輸入字段的div而不是添加到日期選取器所呈現的body元素。將jQuery UI日期選擇符附加到特定的div

有沒有簡單的方法來實現這個目標?謝謝!

+0

看起來像一個非常普通的問題,你有什麼代碼,你是如何實現的呢? – 2015-02-09 21:56:47

+0

請參閱此問題:http://stackoverflow.com/questions/10812921/jquery-ui-datepicker-how-to-wrap-the-datepicker-in-a-new-div – 2015-02-09 21:57:05

+1

datepicker正在輸入上調用包含在div中的元素,其中應用了類。例如。

。我需要將datepicker附加到.datepicker-wrapper而不是body。謝謝! – 2015-02-09 22:03:34

回答

1

顯示嵌入在頁面中的日期選擇器而不是疊加。 只需在div上調用.datepicker()而不是輸入。

我已經找到

https://jqueryui.com/datepicker/#inline

+1

即使它被接受,這個答案是完全無關的問題,並沒有解決它。另見http://stackoverflow.com/questions/12351871/jquery-date-picker-not-moving-with-page-scroll – edc65 2016-04-27 07:17:42

+0

你錯了。這個答案正是他想要完成的。請再次閱讀他的描述和評論。 他希望添加了.datepicker()代碼的節點附加到特定的div而不是body元素。 $('div.datepicker-wrapper')。datepicker()在該div內生成html。那就是他想要的。 http://jsfiddle.net/mnzdrkhu/ – Tom 2016-04-27 14:18:57

+0

附加到特定的div,是的,但彈出,並不總是可見的。這與滾動錯誤有關(即至少4歲,顯然沒有jqueryui的開發人員正在關注) – edc65 2016-04-27 14:22:21

0

簡單的辦法是

$("#myDatePicker").datepicker({ 
    beforeShow:function(textbox, instance){ 
     $('.DivToAppendPicker').append($('#ui-datepicker-div')); 
    } 
}); 
相關問題