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

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

如果只是显示为白色则在input的class里加上form-control应该就可以了但是这种情况不行,F12之后查看浏览器控制台发现几个404,如下图:bootstrap-datetimepicker日期选择框左右箭头不显示解决办法

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

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

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

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

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

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

相关文章:

  • 2021-05-15
  • 2021-11-11
  • 2021-11-21
  • 2021-05-03
  • 2022-12-23
  • 2021-05-27
  • 2021-05-31
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2021-12-20
  • 2021-11-21
  • 2021-12-08
  • 2021-11-18
  • 2021-07-23
相关资源
相似解决方案