如何在jQuery或javascript中选择月份后隐藏日历？

Question

我有以下代码，当我选择月份时如何隐藏日历？

<div class="col-lg-3 col-sm-3" id="div_monthly_cal" style="display:none;">
  <div data-date-minviewmode="months" data-date-viewmode="months" data-date-format="mm-yyyy" data-date="" class="input-append date dpMonths" id="dtpk2">
    <input name="month_pick" id="month_pick" type="text" value="<?php echo date('m-Y'); ?>" class="form-control" readonly="readonly" />
    <span class="input-group-btn add-on">
      <button class="btn btn-primary" type="button"><i class="fa fa-calendar"></i></button>
    </span>
  </div>
</div>

Answer 1

如果您使用的是jquery日历，则可以使用以下代码： -

$('#example1').datepicker().on('changeDate', function (ev) {    
        $('#example1').Close();    
 }); 

更新1： 您还可以使用autoclose选项，如下所示： -

$('#dp1').datepicker({
    format: 'mm-dd-yyyy',       
    autoclose: true        
});

更新2：另一个选项

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