关于datetimepicker组件的问题
使用bootstrap时在input的最后加了一个图标,使它显示如图的样式
之后将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>
现在又遇到一个问题,我的时间选择框原本是不带箭头的,如下图
为了使它有箭头就改了boostrap.datetimepicker.js文件,将this.bootcssVer改成了3,之后时间选框可以正常显示箭头,如下图。
但是选定时候后input再次罢工了,不显示我选定的时间。。。这个问题还在解决中。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
楼主,最后的问题你解决了吗?