如何在选择日期后隐藏日期选择器

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();