6

カレンダーを非表示にするために、入力時にイベント ブラーを追加しようとしています。
カレンダーを表示するために使用しているプラ​​グインは、次のeternicode/bootstrap-datepickerです。

ここにソースコードがありますhttp://jsfiddle.net/KLpq7/75/

var inputs = $('.datepicker').datepicker({
    autoclose: true
});

inputs.on('blur', function () {
          console.log($(this));
          // I would like to hide just the date picker
          //$(this).hide();
});
4

4 に答える 4

9

これを試すことができます：

var inputs = $('.datepicker').datepicker({
format: 'yyyy-mm-dd',
autoclose: true}).on('changeDate', function (ev) {
         $(this).blur();
         $(this).datepicker('hide');
     });

フィドル: http://jsfiddle.net/KLpq7/82/

于 2012-10-02T15:47:40.800 に答える
3 
    inputs.on('blur', function () {
        inputs.datepicker('hide');
    });
于 2012-10-02T13:23:24.923 に答える
2

これは既知のバグです* -- 入力のクラスとして「datepicker」をdatepicker使用すると、ピッカー ペインにも使用されるクラスであるため、datepicker コードに干渉します。ピッカーに別のクラスを使用すると、今のところ問題が解決するはずです。

※現時点でオープンチケットはありませんが、マイナーなバグとして認識されています

于 2012-10-02T21:02:49.163 に答える
1

この更新されたフィドルを試してください。クラス セレクターを使用していたため、blur イベント ハンドラーで競合が発生したと思います。各カレンダー ピッカーを ID で分けましたが、現在は正常に動作しているようです。

于 2012-10-02T15:48:31.330 に答える