bootstrap datetimepicker的用法以及小箭头不能显示的问题

使用时间控件时需要把CSS和js引用都加上，加上

bootstrap-datetimepicker.zh-CN.js

在使用的时候才可以选择使用中文。

<script type="text/javascript" src="././js/public/bootstrap-datetimepicker.zh-CN.js"></script>

我使用的是bootstrap-datetimepicker＋bootstrap v3，但这个插件使用的时候，并没有和V3相匹配，仍然调用的是bootstrap V2的图标，代码是：

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

解决方法:

第一种方法：input的class值使用form-control

就是说：在对应的input框中class中假日form-control这个类

[html]  view plain  copy

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

第二种方法：datetimepicker的options里把bootcssVer的值直接设为3，否则datetimepicker不会显示出箭头

bootcssVer: 3,

eg:

[html]  view plain  copy

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

[javascript]  view plain  copy

1.       $("#dtStart").datetimepicker({  minView: "day",  
2.           bootcssVer:3,  
3.           format : "yyyy-mm-dd hh:00",//日期格式  
4.           language: 'zh-CN',//中文显示
   
5.           autoclose:true,//选中关闭  
6.           todayBtn: true//今日按钮  
7.       });  
8.   
9.   
10. $("#dtEnd").datetimepicker({  minView: "month",//设置只显示到月份  
11.           bootcssVer:3,  
12.           format : "yyyy-mm-dd",//日期格式  
13.           autoclose:true,//选中关闭  
14.           todayBtn: true//今日按钮  
15.       });  
16.   
17.       $("#timeEnd").datetimepicker({    
18.           bootcssVer:3,  
19.           format : "hh",//日期格式  
20.           startView: 1,  
21.           minuteStep: 60,  
22.           minView: "day",  
23.           autoclose:true,//选中关闭  
24.           todayBtn: true//今日按钮  
25.      });