如何为多个输入元素调用 daterangepicker
我正在尝试在 EasyTabs 页面中使用 Filament 的 daterangepicker，如下所示： http://jsfiddle.net/hugons/sKfVV/1/
我应该如何调用 daterangepicker，定位所有输入日期字段？我该如何解决位置问题？正如您所看到的，在 jsfiddle 中，在 tab2 和 tab3 上，日期范围选择器没有出现在输入日期字段下方的正确位置？
谢谢
I'm trying to use Filament's daterangepicker in a page with EasyTabs, like this:
http://jsfiddle.net/hugons/sKfVV/1/
How should i call daterangepicker, to target all the input date fields? And how can i solve the position issue? As you can see, at jsfiddle, on tab2 and tab3 the daterangepicker, isn't appearing at the right place, below the input date fields?
Thanks
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
我想应该是daterangepicker在easytab渲染后，用tab2和tab3输入的隐藏对象来查找位置，所以出现了错误的位置。
像这样更改代码=>>
js:
css:
http://jsfiddle.net/sKfVV/2/
I think it should be daterangepicker rendering in easytab after, and tab2 and tab3 input of hidden object to find the position, so the appeared in the wrong location.
changing the code like this=>>>
js:
css:
http://jsfiddle.net/sKfVV/2/
这可能与您在 datepicker() 之前运行 tabs() 有关。由于运行 tabs() 后，输入将被隐藏 datepicker() 将无法准确计算它们的位置，从而错误地定位下拉列表。
关于在所有日期输入上运行 datepicker()，应该执行以下操作：
$('input[type=date]').datepicker()。It may have to do with the fact that you're running tabs() before datepicker(). Since after running tabs() the inputs will be hidden datepicker() won't be able to accurately calculate their positions and hence position the drop down incorrectly.
Regarding running datepicker() on all date inputs, this should do:
$('input[type=date]').datepicker().