將jQuery UI日期選擇符附加到特定的div

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

有沒有簡單的方法來實現這個目標？謝謝！

2015-02-09 Cory Dransfeldt

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

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

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

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

顯示嵌入在頁面中的日期選擇器而不是疊加。只需在div上調用.datepicker（）而不是輸入。
我已經找到

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

來源

2015-02-09 21:57:55 Tom

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

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

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

簡單的辦法是

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

來源

2017-03-11 08:41:28 Moiz

將jQuery UI日期選擇符附加到特定的div

回答

相關問題