javascript - 如何为多个输入元素调用 daterangepicker

Question

我正在尝试在带有 EasyTabs 的页面中使用 Filament 的 daterangepicker，如下所示：http: //jsfiddle.net/hugons/sKfVV/1/

我应该如何调用 daterangepicker 来定位所有输入日期字段？我该如何解决职位问题？如您所见，在 jsfiddle 的 tab2 和 tab3 上，daterangepicker 没有出现在输入日期字段下方的正确位置？

谢谢

Answer 1

我觉得应该是daterangepicker在easytab渲染之后，而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() 的事实有关。因为在运行 tabs() 后，输入将被隐藏 datepicker() 将无法准确计算它们的位置，从而错误地定位下拉列表。

关于在所有日期输入上运行 datepicker()，应该这样做$('input[type=date]').datepicker()：