Question

我在使用Bootstrap3版本的DateTime Picker（https://github.com/smalot/bootstrap-datetimepicker）显示箭头时遇到问题。

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

其他所有工作正常并单击箭头应按预期导航的位置。我假设浏览器正在搜索图标，它们就是它们应该存在的位置。

想知道是否有人遇到过这个问题而且知道如何修复它？否则，可能会有一些关于如何排除故障的建议。

Answer 1

此问题已通过最近对repo的更新得到解决。否则，在../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>',

Answer 2

这让我疯了一会儿。我找到的解决方案是在timepicker.js文件中搜索'chevron'并更改为正确的bootstrap格式：

我打算发布一张图片，但stackoverfow不会让我:(

因此，搜索'chevron'的timepicker.js并替换它：

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

用这个：

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

Answer 3

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

Answer 4

我在本地托管了材料图标文件..这给了我严重的问题。一旦我拖欠旧链接rel（下面的代码段），所有IE问题都解决了......

不确定是什么导致它。

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

缺少smalot / bootstrap-datetimepicker导航箭头

4 个答案: