2016-12-12 5 views
0
  1. ボタンをクリックしてカレンダーを開く
  2. レイアウトに関する問題を避けるために、スクロールまたはウィンドウのサイズ変更時にカレンダーを閉じます。
  3. datePickerボタンをクリックすると、カレンダーは表示されません。

私は、コントロール領域の外をクリックするか、または自動的に隠すときにカレンダーを閉じるのと同じ方法を使用しています。限り、ボタンが、それは別のクリックでカレンダーを表示することはできませんフォーカスを持っているようなぜ私はそれを非表示にした後、DatePickerカレンダーを再度開きませんか?

$(document).ready(function() { 

    $('#example1').datepicker({ 
    format: "dd/mm/yyyy", 
    autoclose: true 
    }); 

    $('#example2').datepicker({ 
    format: "dd/mm/yyyy" 
    }).on('change', function() { 
    $('.datepicker').hide(); 
    }); 
}); 

window.addEventListener('resize', function(e) { 
    $('#example2').datepicker("hide"); 
}, true); 

jsFiddle

答えて

0

。ぼかしを追加すると、後でクリックすることができます

window.addEventListener('resize', function(e) { 
    $('#example2').datepicker("hide"); 
    popup.trigger('blur'); 
}, true); 
関連する問題