0

jquery を使用してデータピッカーの外観を変更するにはどうすればよいですか。ui-datepicker-calendar クラスのみのデータピッカーを非表示にしたくありません。

できます：

   .ui-datepicker-calendar {
       display: none;
    }​

しかし、これはうまくいきません:

      $(function() {
         $("#startdateMyWorkouts").datepicker({ dateFormat: 'dd-mm-yy' });
         $(".ui-datepicker-calendar").css('display','none');
    });
4

2 に答える 2

1

を使ってみてください.datepicker("hide")。イベントでできます。ここでは、ドキュメントのロードでそれを行っています

ちなみに、これをイベントで発生させたい場合は、次の方法を使用します。

$(function() {
    $("#startdateMyWorkouts").datepicker({ dateFormat: 'dd-mm-yy',
        beforeShow: function(input, inst) {
           $("#datefilterMyWorkouts").change(function()) { // your select change event
              return false; // to hide the datepicker
           });
        } 
    });
});
于 2013-03-06T10:17:04.923 に答える
0

私の推測では、要素を非表示にしようとしても、Datepickerプラグインはまだ要素を作成しているので、非表示にするものは何もありません。コードは大丈夫です！

Datepicker API Docは、おそらくあなたのために何かを持っています！：

hide()

以前に開いた日付ピッカーを閉じます。

このメソッドは引数を受け入れません。

コード例：

hiddenメソッドを呼び出します。

$( ".selector" ).datepicker( "hide" );
于 2013-03-06T10:21:55.850 に答える