0

私はjQueryUIDatePickerに取り組んでいます。changeMonthと属性を使用しているときchangeYear、月と年の両方のselectコントロールが奇妙に見えます。スペースを空けて並べたい

ここに画像の説明を入力してください

開発ツールを使用して少し掘り下げたところ、幅が49％に固定されていることがわかりました

私はcssファイルを手元に置いていますが、その一部を変更することは想定されていません。

いくつかの回避策を試しました...

私はというクラスを作成しましたwidthClass 

.widthClass{
   width : '0px !important';
 }

月のコントローラーに追加しました

$('.ui-datepicker-month').addClass('widthClass');

2番目のアプローチは、

$('.ui-datepicker-month').css('width', '');

しかし、どちらも適切な結果をもたらしません。手伝ってください...

これは私のコントローラーがどのように見えるべきかです...

ここに画像の説明を入力してください

アップデート：

.click()テキストフィールドにハンドラーを追加することで、月と年のコントロールの幅を変更できます。そして、私は欲望o/pを見ることができます。しかし、日付ピッカーで他のナビゲーションコントロールをクリックすると、リセットされて古いもののように見えます。

私が.click()電話でしたことは..

$("<text-field-class>").click(function(){
     $('.ui-datepicker-month, .ui-datepicker-year').css('wdith', '30%');
});

次/前/今日のコントロールを使用しても、この適用されたスタイルを永続的に保つにはどうすればよいですか？

4

4 に答える 4

0

試す

$('.ui-datepicker-month').css('width', 'auto');
于 2012-09-04T12:59:12.813 に答える
0

マーベリックソリューションを試すまたは

$('.ui-datepicker-month').css('width', '0px !important');
于 2012-09-04T13:00:00.223 に答える
0

http://jqueryui.com/demos/datepicker/#dropdown-month-yearを参照して実験することができます

リンクにはライブデモがあります。また、日付ピッカーをカスタマイズするための[テーマ]タブもあります。また、ページのCSSをチェックして、CSSの競合をチェックします。

于 2012-09-04T13:10:23.477 に答える
0

DOCTYPEアプリケーション全体で使用されているページに適切なものを追加しました。これにより、ドロップダウンが隣り合って自動的に調整されました。また、コントロールに関する別の問題も解決しました。

于 2013-05-23T13:03:02.750 に答える