日付を選択した後に日付ピッカーを非表示にする方法

Question

私は日付を選択するためにブートストラップを使用していますが、ユーザーが日付を選択したときに非表示にしたいと考えています。ここに私のDatePickerのコード

<div class="form-group"> 
    <input type="date" class="form-control datepicker" datepicker id="startdate2" placeholder=" Due Date" name="due_date" > 
</div> 

<div class="form-group"> 
    <input type="date" class="form-control datepicker" datepicker id="startdate" placeholder=" Expire Date" name="expiry_date" > 
</div> 

そして、このcode.Couldの誰もが、それは正しく動作しますか私を意識に役立つ使用して隠そうとしています。

<script> 
    $(document).ready(function() { 
     $('#startdate2').datepicker({ 
      format: "dd/mm/yyyy", 
      autoclose: true 
     }); 

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

ありがとうございます。助けていただければ幸いです。それが動作しない場合は、代わりhide()のblur()を試してみてください

$('#startdate2').on('changeDate', function(ev){ 
    $(this).datepicker('hide'); 
}); 

$(document).ready(function() { 
     $('#startdate2').datepicker({ 
      format: "dd/mm/yyyy", 
      autoclose: true 
     }).on('changeDate', function() { 
      $('.datepicker').hide(); 
     }); 

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

：

Answer 1

あなたがイベントchangedate()を使用することができます使用することができます

FYI

$(this).blur();