关于datetimepicker组件的问题

使用bootstrap时在input的最后加了一个图标,使它显示如图的样式

clipboard.png

之后将input和图标绑定插件,点击出现时间选框。但是选完时间后input框内不会出现选定的时间。

这是页面代码

<span>预热时间:</span>
    <span id="warmup-start" class="input-append date">
        <input type="text" name="" id="" readonly>
        <span class="add-on"><i class="glyphicon glyphicon-calendar"></i></span></span>

这是js代码

$("#warmup-start").datetimepicker({
    minView: 0,
    weekStart: 1,
    startView: 2,
    format: "yyyy-mm-dd hh:ii",
    autoclose: true

});

是不是缺少引用文件才导致的,求解惑。

*已解决。用了官方的样例,发现i必须要加上class icon-th
所以html代码应该是

<span id="warmup-start" class="input-append date">
<input size="16" type="text" value="" readonly>
<span class="add-on"><i class="icon-th glyphicon glyphicon-calendar"></i></span>
</span>

现在又遇到一个问题,我的时间选择框原本是不带箭头的,如下图

clipboard.png

为了使它有箭头就改了boostrap.datetimepicker.js文件,将this.bootcssVer改成了3,之后时间选框可以正常显示箭头,如下图。

clipboard.png

但是选定时候后input再次罢工了,不显示我选定的时间。。。这个问题还在解决中。

阅读 4.8k
1 个回答
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题