Как вызвать daterangepicker для нескольких элементов ввода

Question

Я пытаюсь использовать указатель даты Филамента на странице с EasyTabs, например так: http://jsfiddle.net/hugons/sKfVV/1/

Как мне вызвать daterangepicker, чтобы настроить таргетинг на все поля ввода даты? И как я могу решить вопрос о позиции? Как вы можете видеть, в jsfiddle, на tab2 и tab3, указатель даты не появляется в нужном месте, ниже полей ввода даты?

Спасибо

Answer 1

Возможно, это связано с тем, что вы используете tabs () до datepicker ().Поскольку после запуска tabs () входные данные будут скрыты, datepicker () не сможет точно рассчитать свои позиции и, следовательно, неправильно расположит раскрывающийся список.

Относительно запуска datepicker () на всех входах даты, это должноделать: $('input[type=date]').datepicker().

Answer 2

Я думаю, что это должен быть рендеринг 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/