bootstrap-datetimepicker日期选择框左右箭头不显示解决办法

今天碰到一个问题,正常引入bootstrap-datetimepicker相关css及js之后日期选择框的左右箭头图片显示不出来,不同于网上的直接图表部分为空白,而是找不到图片的样子,问题截图如下:


如果只是显示为白色则在input的class里加上form-control应该就可以了但是这种情况不行,F12之后查看浏览器控制台发现几个404,如下图:

问题找到,就是在项目static/fonts下缺少glyphicons-halflings-regular.woff2,glyphicons-halflings-regular.woff以及glyphicons-halflings-regular.ttf。解决办法是在bootstrap官网上下载相应资源(boostrap官网资源下载传送门),下载页面如下:


下载好压缩包之后只需将里面的fonts文件夹连同里面的文件复制到对应项目目录即可,如下图:


再次打开页面,箭头就可以正常显示了。


评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值