bootstrap-datetimepicker 時間表箭頭不能顯示

 

 

https://segmentfault.com/q/1010000000503224

***********************************

我使用的是bootstrap-datetimepicker＋bootstrap v3，但這個插件使用的時候，並沒有和V3相匹配，仍然調用的是bootstrap V2的圖標，代碼是：

<i class="icon-arrow-right"></i>

 

解決方法:

input的class值使用form-control或者在datetimepicker的options里把bootcssVer的值直接設為3，否則datetimepicker不會顯示出箭頭

bootcssVer:3

eg:

<input id="dtStart" name="dtStart" type="text" style="width:130px"></input>

        $("#dtStart").datetimepicker({  minView: "day",
            bootcssVer:3,
            format : "yyyy-mm-dd hh:00",//日期格式
            autoclose:true,//選中關閉
            todayBtn: true//今日按鈕
        });
        
        
        $("#dtEnd").datetimepicker({  minView: "month",//設置只顯示到月份
            bootcssVer:3,
            format : "yyyy-mm-dd",//日期格式
            autoclose:true,//選中關閉
            todayBtn: true//今日按鈕
        });
        
        $("#timeEnd").datetimepicker({  
            bootcssVer:3,
            format : "hh",//日期格式
            startView: 1,
            minuteStep: 60,
            minView: "day",
            autoclose:true,//選中關閉
            todayBtn: true//今日按鈕
       });