如何在選擇日期後隱藏日期選擇器

Question

我使用引導程序選擇日期並希望在用戶選擇日期時隱藏日期。這裏是我的日期選擇器代碼

<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> 

在此先感謝。任何幫助將不勝感激。

Answer 1

您可以使用您可以使用事件changedate()：

$('#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(); 
     }); 
    }); 

，如果它不能正常工作嘗試的blur()代替hide()：

$(this).blur();