Bootstrap datetimepicker - как использовать текст «сегодня» для кнопки «сегодня»? - PullRequest
Новая
       90

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

0 голосов
/ 14 февраля 2019

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

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

В .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"
    },

Какой переключатель, настройку или значок можно использовать, чтобы кнопка отображала слово «Сегодня»вместо этого?

1 Ответ

0 голосов
/ 14 февраля 2019

Хорошо, я понял это.

Я создал изображение 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)))
        },
...