2009-09-16 27 views
1

jQueryのUI 1.7.2およびjQuery 1.3.2を使用して、標準のjQuery DatePickerコントロールに2か月間並べて表示しようとしています。 (!醜い)複数の月を横並びに配置したjQuery DatePicker

残念ながら、カレンダーは垂直方向にのみスタックします、そして、彼らがあるべきな副作用としてWIEDの倍です

ここでは、我々はそれを呼び出すために使用しているコードです:

$('#element').datepicker({numberOfMonths:2,dateFormat: 'dd-mm-yy',minDate: new Date()}); 

標準のjQueryスタイルシートを使用していますが、他のスタイルシートはコントロールに影響を与えません(Firebugによる)。

これはおそらくjQuery DatePickerプロジェクト(http://dev.jqueryui.com/ticket/2898)で修正されたCSSの問題だったようですが、まだFFとIEでこの問題が発生しています。

修正に関するご意見はありますか?ありがとう:D

+0

オンラインにすることができれば、火かき棒などでそれを調べて、その原因を突き止めることができます。 –

+0

フィラメントグループのjquery dateプラグインのラッパーに移動して解決しました。ここにリンクhttp://www.filamentgroup.com/lab/date_range_picker_using_jquery_ui_16_and_jquery_ui_css_framework/ – pchap10k

答えて

0

をこれが http://www.filamentgroup.com/examples/daterangepicker_v2/index3.php

いくつかのハッキングの後、私は厄介なメニューを削除し、ちょうど日付ピッカーの上映を取得することができました...問題のための最善の解決策でした。

+0

があります。このリンクがダウンするとあなたの答えは役に立たなくなります。あなたの答え**に**関連するコードを含めるようにしてください。 –

1

これは、FireFoxとバージョンピックアップのバージョン4.0.4で引き続き問題になる可能性があります。

// Resize 
    $('body').append(picker); 
    var width = 0; 
    picker.find(renderer.monthSelector).each(function() { 
     width += $(this).outerWidth(); 
    }); 

から幅を変更:

var width = 0; 

は、コードセクションでは、このような行1809 周り(jquery.datepick.js)をJavaScriptのソースコードで見てください

var width = 0.5; 

私にとって、横並びに並んだ固定FireFox(v3.6.x)とChrome、IE、Safariなどはまだすばらしく見えます。

+0

どうやってそれを手に入れましたか? –

関連する問題