dayTemplate

определяет template для ячейки календарного дня

Example

view:"calendar",
dayTemplate: function(date){
    var html = "<div class='day'>"+date.getDate()+"</div>";
    if(date.getDay() === 5){
        html += "<div class='day_marker'></div>";
    }
    return html;
}

Related samples

Template по умолчанию отображает дату без каких-либо дополнительных стилей.

Чтобы повысить доступность компонента "Календарь", можно определить видимый template вместе с метками ARIA, которые будут объявлены программным обеспечением для чтения с экрана.

Для этого вам необходимо вернуть объект со следующими свойствами:

• text {string} - видимый template, который будет отображаться в ячейке дня;
• aria {string} - текст для метки ARIA.

view:"calendar",
dayTemplate: function(day){
    var weekend = (day.getDay() === 6 || day.getDay() === 0);
    return {
        text:day.getDate(),
        aria:"Navigated to: "+webix.Date.dateToStr("%d %F %Y")(day)
            +(weekend?". It's a day off!":".");
    };
};

Наверх