如何为几个输入元素调用daterangepicker

Question

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

如何调用daterangepicker来定位所有输入日期字段？我怎样才能解决头寸问题？正如你所看到的，在jsfiddle，在tab2和tab3上，daterangepicker没有出现在输入日期字段下面的正确位置？

由于

Answer 1

我认为它应该是easyrangepicker渲染后的easytab，并且tab2和tab3输入隐藏对象来查找位置，所以出现在错误的位置。

更改代码，例如this =＆gt;＆gt;＆gt;

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()。