bootstrap的datetimepicker只選擇月份

本文轉載自：http://blog.csdn.net/feng1603/article/details/41869523

直接上代碼：

//選擇年月日的       startView: 2,   minView: 2, format: 'yyyymmdd',
$('#datetimepicker').datetimepicker({
        format: 'yyyymmdd',
         weekStart: 1,
         autoclose: true,
         startView: 2,
         minView: 2,
         forceParse: false,
         language: 'zh-CN'
    });

//選擇年月的       startView: 3,   minView: 3, format: 'yyyymm',
$('#datetimepicker').datetimepicker({
        format: 'yyyymm',
         weekStart: 1,
         autoclose: true,
         startView: 3,
         minView: 3,
         forceParse: false,
         language: 'zh-CN'
    });

//選擇年的       startView: 4,   minView: 4, format: 'yyyy',
$('#datetimepicker').datetimepicker({
        format: 'yyyymm',
         weekStart: 1,
         autoclose: true,
         startView: 4,
         minView: 4,
         forceParse: false,
         language: 'zh-CN'
    });

    <div class="col-md-7">
                 <div class='input-group date form_date' >
                    <input name="startTm" id="datetimepicker" type='text' class="form-control input-sm" readonly="readonly"/>
                    <span class="input-group-addon input-sm">
                      <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div> 
   </div>

在這里遇到很多問題：什么日歷圖標沒反映啊，輸入框和日歷圖標對不齊啊，點日歷圖標把數據清了啊……都是樣式問題，所以提供幾種樣式，一種一種試吧……博大精深啊……

 

<div class='input-group date form_date' data-date-format="yyyymmdd">
    <input name="startTm" id="startTm" type='text' class="form-control input-sm" readonly="readonly"/>
    <span class="input-group-addon input-sm">
      <span class="glyphicon glyphicon-calendar"></span>
    </span>
</div> 

 

            <div class="date input-append"  id="datetimepicker">
                   <div class="input-group">
                    <input class="form-control input-sm" readonly="readonly" type="text">
                    <span class="add-on input-group-addon"><i class="icon-remove"></i></span>
                    <span class="add-on input-group-addon"><i class="icon-th"></i></span></div>
                  </div>