icons

задает массив иконок в календаре или скрывает их

boolean|object icons;

Example

webix.ui({
    view:"calendar",
    icons: [
        //иконка "сегодня" по умолчанию
        {
            template: function(){
                return "<span class='webix_cal_icon_today webix_cal_icon'>"
                    +webix.i18n.calendar.today
                    +"</span>";
            },
            on_click:{
                "webix_cal_icon_today": function(){
                    this.setValue(new Date());
                    this.callEvent("onTodaySet",[this.getSelectedDate()]);
                }
            }
        },
        //иконка "очистить" по умолчанию
        {
            template: function(){
                return "<span class='webix_cal_icon_clear webix_cal_icon'>"
                    +webix.i18n.calendar.clear
                        +"</span>";
            },
            on_click:{
                "webix_cal_icon_clear": function(){
                    this.setValue("");
                    this.callEvent("onDateClear",[this.getSelectedDate()]);
                }       
            }
        }
    ]
});

Related samples

Details

Отключение иконок

Чтобы скрыть в календаре иконки "Сегодня" и "Очистить", задайте для параметра значение false:

webix.ui({
    view:"calendar",
    icon:false,
    ...
});

Свойства объекта

В качестве объекта параметр переопределяет кнопки:

webix.ui({
    view: "calendar",
    icons: [
        {
          template: function(){
            return "<span class='my_button'>My Button</span>";
          },
          on_click:{
            "my_button": function(){
                alert("Button is clicked")
            }
          }
        }
    ]
});

Изменение текста иконок

Текст иконок можно изменить в текущей локали:

webix.i18n.calendar.clear = "Clear New";
webix.i18n.calendar.today = "Today New";
webix.i18n.setLocale();
Наверх