javascript - Eonasdan/bootstrap-datetimepicker 箭头图标在 Safari 上不显示，在 Chrome 上显示蓝色方 block

Question

我的日期时间选择器工作正常，但用于浏览时间和日期的箭头显示不正确。

Safari

Chrome

我尝试使用以下代码在 Javascript 中设置默认选项:

 icons: {
        time: 'glyphicon glyphicon-time',
        date: 'glyphicon glyphicon-calendar',
        up: 'glyphicon glyphicon-chevron-up',
        down: 'glyphicon glyphicon-chevron-down',
        previous: 'glyphicon glyphicon-chevron-left',
        next: 'glyphicon glyphicon-chevron-right',
        today: 'glyphicon glyphicon-screenshot',
        clear: 'glyphicon glyphicon-trash',
        close: 'glyphicon glyphicon-remove'
    }

但似乎没有任何效果。

Answer 1

如果您使用的是 Bootstrap V4，则 Glyphicons 已被删除。我使用 Fontawesome 修复了丢失的箭头。将这些添加到图标选项。

    $('.dateP').datetimepicker(
    {

        icons: 
        {
            next: 'fa fa-angle-right',
            previous: 'fa fa-angle-left'
        },
        format: 'DD/MM/YYYY',

        widgetPositioning: {
            horizontal: 'right',
            vertical: 'auto'
        }
    });