smalot/bootstrap-datetimepicker 导航箭头丢失答案

【问题标题】：smalot/bootstrap-datetimepicker navigation arrows missingsmalot/bootstrap-datetimepicker 导航箭头丢失
【发布时间】：2023-04-04 00:31:02
【问题描述】：

我在获取 Bootstrap3 版本的 DateTime Picker (https://github.com/smalot/bootstrap-datetimepicker) 中显示的箭头时遇到问题。

下载提供的示例也缺少箭头，但 bootstrap2 示例有。

其他一切正常，单击箭头应按预期导航的位置。我假设浏览器正在搜索图标并且它们在它们应该在的位置。

想知道是否有人遇到过这个问题并知道如何解决？否则，可能会感谢您提供有关如何进行故障排除的一些建议。

【问题讨论】：

标签： javascript css twitter-bootstrap bootstrap-datetimepicker smalot-datetimepicker

【解决方案1】：

此问题已通过最近对存储库的更新得到解决。否则，在 ../bootstrap-datetimepicker.js 中搜索和替换以下行具有相同的效果：

替换：

    headTemplateV3:   '<thead>' +
                          '<tr>' +
                          '<th class="prev"><i class="icon icon-arrow-left"></i> </th>' +
                          '<th colspan="5" class="switch"></th>' +
                          '<th class="next"><i class="icon icon-arrow-right"></i> </th>' +
                          '</tr>' +
        '</thead>',

与：

headTemplateV3:   '<thead>'+
                        '<tr>'+
                            '<th class="prev"><i class="glyphicon glyphicon-arrow-left"/></th>'+
                            '<th colspan="5" class="switch"></th>'+
                            '<th class="next"><i class="glyphicon glyphicon-arrow-right"/></th>'+
                        '</tr>'+
                    '</thead>',

【讨论】：

这对我有帮助！我很惊讶它还没有修复
也帮助了我。谢谢

【解决方案2】：

这让我发疯了一段时间。我找到的解决方案是在 timepicker.js 文件中搜索“chevron”并更改为正确的引导格式：

我本来打算发一张图片，但是 stackoverfow 不让我：(

所以，在 timepicker.js 中搜索 'chevron' 并替换它：

<i class="icon-chevron-down"></i>

用这个：

<i class="glyphicon glyphicon-chevron-down"></i>

【讨论】：

您的答案似乎不完整。

【解决方案3】：

只需检查您的 minDate 和 maxDate 选项是否正确，因为如果它们不正确，箭头可能会丢失

【讨论】：

【解决方案4】：

我在本地托管材料图标文件。这给我带来了严重的问题。一旦我默认回到旧链接rel（下面的sn-p），所有IE问题都解决了......

不知道是什么原因造成的。

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

【讨论】：