icons

задает видимость иконок 'Сегодня/Очистить' в DateRange

boolean|object icons;

Example

webix.ui({
    view:"daterange",
    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.addToRange(new Date());
                    this.callEvent("onTodaySet",[this.getValue()]);
                }
            }
        },
        //иконка "очистить" по умолчанию
        {
            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", []);
                }
            }
        }
    ]   
});

Related samples

Details

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

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

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

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

Чтобы добавить свои иконки, вам нужно полностью переопределить массив icons. Для каждой иконки задается свой объект со свойствами:

  • template - сама иконка
  • on_click - обработчики кликов по иконке
webix.ui({
    view:"daterange",
    icons:[
        {
            template:function(){
                return "<span class='webix_cal_icon_week webix_cal_icon'>Current week</span>"
            },
            on_click:{
                "webix_cal_icon_week":function(){
                    this.setValue({
                        start:new Date(),
                        end:webix.Date.add(new Date(), 1, "week")
                    });
                }
            }
        }
    ]
});
See also
Наверх