bootstrap-datetimepicker 时间表箭头不能显示

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

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

截图:

https://img2.mukewang.com/5cb0173f0001446308000674.jpg

但我在看这个项目的实例代码的时候,提供有V2和V3的例,V3的那个调用又是很正常的:

https://img2.mukewang.com/5cb017410001f15808000422.jpg

请问下这些怎么一个情况,该如何处理?


拉风的咖菲猫
浏览 1665回答 6
6回答

慕尼黑8549860

input的class值使用form-control或者在datetimepicker的options里把bootcssVer的值直接设为3,否则datetimepicker不会显示出箭头

慕妹3146593

表示直接去js改了它写的class样式

鸿蒙传说

bootcssVer的值直接设为3 解决了我的问题 谢啦

30秒到达战场

为什么我把bootcssVer的值直接设为3不好使呢,改了以后,日历就直接显示在页面上了。。比较着急,谁帮我回答一下啊,在线等

摇曳的蔷薇

bootcssVer直接设置为3,是可以的,只是如果像下面这个写法:<div class="form-group"><label for="time" style="float:left; line-height: 30px">时间:</label>&nbsp; &nbsp; <div class="input-append date form_datetime" style="float:left">&nbsp; &nbsp; &nbsp; &nbsp; <input name="time" id="time" class="input-sm" type="text" readonly="readonly"/>&nbsp; &nbsp; &nbsp; &nbsp; <span class="add-on"><i class="icon-calendar"></i></span>&nbsp; &nbsp; </div></div>会导致显示不正确的问题,这是因为div导致inLine属性被激活导致的,得改成:<div class="form-group">&nbsp; &nbsp; <label for="time" style="float:left; line-height: 30px">推送时间:</label>&nbsp; &nbsp; <input name="time" id="time" class="form-control date form_datetime" type="text" readonly="readonly"/>&nbsp; &nbsp; <!--<span class="add-on"><i class="glyphicon glyphicon-calendar"></i></span>--></div>,有人说在input加form-control也是可行的,像上面一样,就不需要在初始化时加bootcssVer:3。
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript