为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

拉风的咖菲猫 2019-03-21 12:19:28
我使用的是bootstrap-datetimepicker+bootstrap v3,但这个插件使用的时候,并没有和V3相匹配,仍然调用的是bootstrap V2的图标,代码是:<i class="icon-arrow-right"></i>截图:但我在看这个项目的实例代码的时候,提供有V2和V3的例,V3的那个调用又是很正常的:请问下这些怎么一个情况,该如何处理?
查看完整描述

6 回答

?
慕尼黑8549860

TA贡献1818条经验 获得超11个赞

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


查看完整回答
反对 回复 2019-04-12
?
慕妹3146593

TA贡献1820条经验 获得超9个赞

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


查看完整回答
反对 回复 2019-04-12
?
鸿蒙传说

TA贡献1865条经验 获得超7个赞

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


查看完整回答
反对 回复 2019-04-12
?
30秒到达战场

TA贡献1828条经验 获得超6个赞

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


查看完整回答
反对 回复 2019-04-12
?
摇曳的蔷薇

TA贡献1793条经验 获得超6个赞

bootcssVer直接设置为3,是可以的,只是如果像下面这个写法:


<div class="form-group">

<label for="time" style="float:left; line-height: 30px">时间:</label>

    <div class="input-append date form_datetime" style="float:left">

        <input name="time" id="time" class="input-sm" type="text" readonly="readonly"/>

        <span class="add-on"><i class="icon-calendar"></i></span>

    </div>

</div>

会导致显示不正确的问题,这是因为div导致inLine属性被激活导致的,

得改成:


<div class="form-group">

    <label for="time" style="float:left; line-height: 30px">推送时间:</label>

    <input name="time" id="time" class="form-control date form_datetime" type="text" readonly="readonly"/>

    <!--<span class="add-on"><i class="glyphicon glyphicon-calendar"></i></span>-->

</div>

,有人说在input加form-control也是可行的,像上面一样,就不需要在初始化时加bootcssVer:3。


查看完整回答
反对 回复 2019-04-12
  • 6 回答
  • 0 关注
  • 1664 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信