如何調用daterangepicker幾個輸入元素

Question

我試圖用絲的daterangepicker在頁面EasyTabs，像這樣： http://jsfiddle.net/hugons/sKfVV/1/

我應該怎麼叫daterangepicker，瞄準所有的輸入日期字段？我該如何解決職位問題？正如你所看到的，在jsfiddle中，在tab2和tab3上，daterangepicker沒有出現在輸入日期字段下方的正確位置？

感謝

Answer 1

我覺得後面應該在easytab daterangepicker渲染和TAB2和隱藏的對象的TAB3輸入查找的位置，所以出現在錯誤的位置。

改變這樣的代碼= >>>

JS：

openCalendar(); 
$('#tabs-menu').easytabs(); 

CSS：

#tabs-container {position:relative;} 
.tab-content {position:absolute;left:0;top:0;} 

http://jsfiddle.net/sKfVV/2/

Answer 2

這可能與事實，你做'在 datepicker（）之前重新運行標籤（）。由於在運行tabs（）之後輸入將被隱藏，datepicker（）將無法準確地計算它們的位置並因此錯誤地定位下拉。

關於在所有日期輸入上運行datepicker（），應該這樣做：$('input[type=date]').datepicker()。