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：別のオプション