關於bootstrap datetimepicker的用法以及小箭頭消失的問題（已解決）

首先，拋出問題，日曆可以正常使用，就是左右箭頭包括禁止填寫的圖標都不能顯示（功能存在），如圖：

於是博主就各種百度各種尋求解決辦法，看很多人說引進bootstrap.min.css，發現還是沒用。大海中撈到一條很重要的信息：

需要在input框中class類form-control  原因如下:
如果沒有加form-control這個類就會造成讀的是版本2,也就是這個圖標是icon-arrow-left這個類(bs版本2纔有的),加了它這個圖標是glyphicon-arrow-left這個類,此類版本三才有!

解讀一下就是說：在對應的input框中class中加入form-control這個類

<input type="text" class="time-input form-control" id="startTime" placeholder="起始日期" name="begin_time" readonly class="form_datetime">

然後來看神奇的效果：

其實這個插件真的很好用，現在來總結一下用法：

1，官網下載壓縮包

http://www.bootcss.com/p/bootstrap-datetimepicker/index.htm

2，

在css和js包中將非min文件加載到頁面中去。

3，寫好html界面，代碼如上所示（記得class中加入form-control）

4，最重要的一步（實現效果）：

在頁面後面用jquery實現效果：

<script type="text/javascript">
  $('#startTime').datetimepicker({
    format: 'yyyy-mm-dd  hh:00',//定義時間格式
    autoclose: true,//選擇好自動關閉
    minView: 1,//只選擇到小時
    language: 'zh-CN', //漢化 
  });
</script>

這裏博主專門總結了一下minView幾個數字的意思：

等於0時，表示顯示時，分；1表示顯示時；2表示顯示日；3表示顯示到月

補充補充：

最近又一次遇到了這個問題，發現可以往配置項裏添加：

bootcssVer: 3

也可以解決這個問題，大家遇到這個問題的建議先試這個方法，簡單~

好了，分享到此一遊，是不是很簡單，以上僅代表個人觀點~