Bootstrap datetimepicker - как использовать текст "сегодня" для кнопки "сегодня"?

Question

Я видел несколько версий DatePicker, в которых кнопка "сегодня" под календарем отображается как "Сегодня". У меня есть значок календаря.

Я не хочу перезагружать другую версию, потому что то, что у меня есть, на самом деле работает, но я беспокоюсь о конечных пользователях, которые не обязательно знают / предполагают, что эта кнопка означает "сегодня".

В.js для datetimepicker он выбирает календарь глифов для кнопки "сегодня". Если я отключу эту конкретную настройку, на панели под календарем ничего не появится.

        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)))
        },