bootstrap datetimepicker 左右箭头不显示

最新推荐文章于 2024-01-29 14:25:56 发布

起止洺

最新推荐文章于 2024-01-29 14:25:56 发布

阅读量2.6k

点赞数 1

分类专栏： bootstrap 文章标签： bootstrap datetimepicker

本文链接：https://blog.csdn.net/qq_35976271/article/details/102820537

版权

在使用datetimepicker.js与bootstrap.js 3.3.7版本时，可能会遇到datetimepicker左右箭头不显示的问题。解决方案包括：1) 添加class='form-control'；2) 设置bootcssVer:3以支持bootstrap3；3) 修改bootstrap-datetimepicker.js中的icon-class；4) 检查并确保引用完整的bootstrap包，将源码中的fonts文件夹复制到项目静态文件夹下。

摘要由CSDN通过智能技术生成

datetimepicker.js 兼容 bootstrap.js 3.3.7 版本时,bootstrap datetimepicker 左右箭头不显示.
在这里插入图片描述

第一种解决方法:
添加class=“form-control”

 <input type="text" id="year" name="year" class="form-control"  readonly="readonly" >

第二种方法: bootcssVer:3 ,用于对bootstrap3的支持
在js中添加

        //日期
        $('#year').datetimepicker({
            bootcssVer:3,
            format: 'yyyy',
            weekStart: 1,
            autoclose: true, //选中关闭
            startView: 4, 
            minView: 4 , 
            forceParse: false,
            language: 'zh-CN',
            todayBtn: false//今日按钮
        })

第三种:
查看bootstrap-datetimepicker.js 找到icon-arrow-left和icon-arrow-right将其改为
glyphicon-arrow-left和glyphicon-arrow-right. 我这里用的版本