X无法显示的可编辑日期时间图标

时间:2016-02-06 16:15:14

标签: css twitter-bootstrap x-editable

我正在使用X Editable来操纵客户端数据。但是,其中一个组件(日期时间)没有显示在值(上个月,下个月)之间切换时使用的左右图标。

经过一些谷歌搜索后,似乎这是X Editable的一个问题,因为Bootstrap从图标切换到Glyphicons而且X Editable没有赶上。我找不到CSS中prev-next按钮的任何引用,但确实在JS文件中找到了这个:

$(document).ready(function () {
        var grid = $('#tblTimeSheet').DataTable({
            "scrollY": "567px",
            "paging": false,
            "sScrollX": "100%",
            keys: {
                className: 'timesheet-highlight'
            }
        });
        grid
        .on('key-focus', function (e, datatable, cell) {
            if ($('td').hasClass('timesheet-highlight')) {
                alert('hi');
            }

        });
        /*.on('key-blur', function (e, datatable, cell) {
            $('#details').html('No cell selected');
        });*/
    });

图标箭头左侧和图标箭头右侧类不在CSS文件中。我的问题是,我应该如何构建这些类来显示Glyphicons?

1 个答案:

答案 0 :(得分:2)

请试试这个,这对我有用

.prev:before {
    content: "\2190 ";
}

.next:before {
    content: "\2192 ";
}