1

次のように、EasyTabs を含むページで Filament の daterangepicker を使用しようとしています: http://jsfiddle.net/hugons/sKfVV/1/

すべての入力日付フィールドを対象にするには、daterangepicker をどのように呼び出す必要がありますか? そして、どうすれば位置の問題を解決できますか？ご覧のとおり、jsfiddle の tab2 と tab3 では、daterangepicker が入力日付フィールドの下の適切な場所に表示されていませんか?

ありがとう

4

2 に答える 2

0

後のeasytabでのdaterangepickerレンダリングと、位置を見つけるための非表示オブジェクトの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/

于 2011-12-28T01:58:16.813 に答える
0

datepicker( ) の前にtabs() を実行しているという事実に関係している可能性があります。tabs() を実行すると入力が非表示になるため、datepicker() は位置を正確に計算できず、ドロップダウンの位置が正しくありません。

すべての日付入力で datepicker() を実行する場合、次のようにする必要があります$('input[type=date]').datepicker()。

于 2011-12-28T02:00:23.687 に答える