2011-12-28 12 views
1

ためdaterangepickerを呼び出すために、私はこのように、EasyTabsでページにフィラメントのdaterangepickerを使用しようとしている: http://jsfiddle.net/hugons/sKfVV/1/はどのようにいくつかの入力要素

私はすべての入力日付フィールドをターゲットに、daterangepicker呼び出す必要がありますどのように?そして私はどのようにポジションの問題を解決することができますか?ご覧のとおり、jsfiddleのtab2とtab3のdaterangepickerは、入力日付フィールドの下の適切な場所に表示されていませんか?

おかげ

答えて

0

は私が間違った場所に現れたので、位置を見つけるためにdaterangepicker後easytabでレンダリングし、隠されたオブジェクトのTAB2とTAB3入力されるべきだと思います。それはあなたの事実としなければならないかもしれ

#tabs-container {position:relative;} 
.tab-content {position:absolute;left:0;top:0;} 

http://jsfiddle.net/sKfVV/2/

0

openCalendar(); 
$('#tabs-menu').easytabs(); 

はCSS:この= >>>

jsのようなコードを変更

datepicker()の前にタブを表示しています()。 tabs()を実行すると入力が非表示になるので、datepicker()はその位置を正確に計算することができず、ドロップダウンの位置を間違えます。

すべての日付入力でdatepicker()を実行することについては、$('input[type=date]').datepicker()を実行する必要があります。

関連する問題