Bootstrap datetimepicker - 如何使用今天的文本“今天”按钮？

Question

我看过一些日期选择器版本，日历下的“今天”按钮/栏显示为“今天”。我有日历图标。

我不想重新加载不同的版本，因为我所拥有的实际工作，但我担心最终用户不一定知道/假设按钮意味着“今天”。

在datetimepicker的.js中，它选择“今天”按钮的glyphicon日历。如果我禁用该特定设置，则日历下方的栏中不会显示任何内容。

        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-calendar",
        clear: "glyphicon glyphicon-trash",
        close: "glyphicon glyphicon-remove"
    },

我可以用什么开关，设置或图标使按钮显示“今天”这个词？

Answer 1

好的，我明白了。

我创建了一个蓝色矩形的png图像，其中以白色为中心的“今天”。我进入了datetimepicker.css并创建了一个引用图像的类 -

.calendar-today-button {
background-image: url(../../images/todaybtn.png);
background-repeat: no-repeat;
background-position: center;

}

在构建“今日”按钮的按钮/控件时，我在JavaScript代码中找到了调用图标类的函数 -

F = function() {
            var b = [];
            return d.showTodayButton && b.push(a("<td>").append(a("<a>").attr({
                "data-action": "today",
                title: d.tooltips.today
            }).append(a("<span>").addClass("d.icons.time")))), !d.sideBySide && B() && A() && b.push(a("<td>").append(a("<a>").attr({
                "data-action": "togglePicker",
                title: d.tooltips.selectTime
            }).append(a("<span>").addClass(d.icons.time)))), d.showClear && b.push(a("<td>").append(a("<a>").attr({
                "data-action": "clear",
                title: d.tooltips.clear
            }).append(a("<span>").addClass(d.icons.clear)))), d.showClose && b.push(a("<td>").append(a("<a>").attr({
                "data-action": "close",
                title: d.tooltips.close
            }).append(a("<span>").addClass(d.icons.close)))), a("<table>").addClass("table-condensed").append(a("<tbody>").append(a("<tr>").append(b)))
        },

我将日历图标更改为我的日历按钮类 -

            F = function() {
            var b = [];
            return d.showTodayButton && b.push(a("<td>").append(a("<a>").attr({
                "data-action": "today",
                title: d.tooltips.today
            }).append(a("<span>").addClass("calendar-today-button")))), !d.sideBySide && B() && A() && b.push(a("<td>").append(a("<a>").attr({
                "data-action": "togglePicker",
                title: d.tooltips.selectTime
            }).append(a("<span>").addClass(d.icons.time)))), d.showClear && b.push(a("<td>").append(a("<a>").attr({
                "data-action": "clear",
                title: d.tooltips.clear
            }).append(a("<span>").addClass(d.icons.clear)))), d.showClose && b.push(a("<td>").append(a("<a>").attr({
                "data-action": "close",
                title: d.tooltips.close
            }).append(a("<span>").addClass(d.icons.close)))), a("<table>").addClass("table-condensed").append(a("<tbody>").append(a("<tr>").append(b)))
        },