大多數情況下日歷組件我們使用的都是yyyy-mm-dd的日歷格式，但是有時候需求不需要我們精確到日，而是最小單位到月份（yyyy-mm），網上找了很多方法，但是都沒有我想要的效果，一些屬性的設置都沒有起到相應的效果，最后自己查了一些資料自己改了改，起到了相對應的效果，記錄一下，效果圖如下，
代碼js如下：
function Timeinit() {
// 時間初始化
$("#dateTime").datepicker({
startView: 'years', //起始選擇范圍
maxViewMode:'years', //最大選擇范圍
minViewMode:'months', //最小選擇范圍
todayHighlight : true,// 當前時間高亮顯示
autoclose : 'true',// 選擇時間后彈框自動消失
format : 'yyyy-mm',// 時間格式
language : 'zh-CN',// 漢化
// todayBtn:"linked",//顯示今天 按鈕
clearBtn : true,// 清除按鈕，和今天 按鈕只能顯示一個
});
}
html代碼如下：
<div class="col-md-1 control-label text-right">年月</div> <div class="col-md-3"> <div class="input-group date" id="dateTime"> <input type="text" class="form-control form_datetime_2 input-sm bg-white" id='dateVal' readonly /> <span class="input-group-addon"> <span class="glyphicon glyphicon-calendar"></span> </span> </div> </div>
相對應的代碼引入的css和js如下，以下assets是我的路徑，你們修改你們相對應的路徑即可
<!--引入 css -->
<link href="../../assets/common/commonCss.css" rel="stylesheet" />
<link href="../../assets/plugins/bootstrap-datepicker/css/bootstrap-datepicker.css" rel="stylesheet" />
<link href="../../assets/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.css" rel="stylesheet" />
<!-- 引入js-->
<script src="../../assets/plugins/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
<script src="../../assets/plugins/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.js"></script>
<script src="../../assets/plugins/bootstrap-daterangepicker/moment.js"></script>
<script src="../../assets/plugins/bootstrap-eonasdan-datetimepicker/build/js/bootstrap-datetimepicker.min.js"></script>
還有你自己要引入的你頁面對應的js