如何为多个输入元素调用日期范围选择器

How to call daterangepicker for several input elements

本文关键字：调用 日期 范围 选择器 元素 输入      更新时间：2023-09-26

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

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

谢谢

我认为应该是 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/

这可能与

你在datepicker((之前运行tabs((的事实有关。由于在运行 tabs(( 后，输入将被隐藏 datepicker(( 将无法准确计算它们的位置，因此无法正确定位下拉列表。

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

相关文章：