今天碰到一个问题,正常引入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文件夹连同里面的文件复制到对应项目目录即可,如下图:
再次打开页面,箭头就可以正常显示了。