关于datetimepicker组件的问题

发布于 2022-09-03 08:47:48 字数 1523 浏览 15 评论 0

使用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再次罢工了,不显示我选定的时间。。。这个问题还在解决中。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

二货你真萌 2022-09-10 08:47:48

楼主,最后的问题你解决了吗?

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文