Кендо UI (Scheduler) - Показать только Именины (Например: вторник) в заголовке вместо полной даты

Question

Я использую Кендо UI - Планировщик (Повестку день и месяц)

В повестке дня, я хочу, чтобы отобразить только Именины (Воскресенье) вместо полной даты.

Поскольку я новичок в кодировании, ваша помощь может быть высоко оценена.

Online Demo

Ссылка Изображение:

$(document).ready(function() { 

var _data = new kendo.data.SchedulerDataSource({ 
    data: [ 
     { 
     eventID: 1, 
     title: "Group meeting.", 
     start: new Date(), 
     end: new Date(), 
     description: "Take my brother to his group meeting.", 
     }, 
    ], 

    schema: { 
     model : { id : "eventID" } 
    } 

    }); 

    function save(){ 
    console.log(_data);  
    } 

    $('#socialMediaCalendar').kendoScheduler({ 
    date: new Date(), 
    //startTime: new Date(), 
    height: 600, 
    views: [ 
     { type: "agenda", title: "Agenda", selected: true }, 
     { type: "month" }, 
    ], 

    save: save, 
    dataSource:_data 
    }); 

    $(function() { 
    $("#socialMediaCalendar").kendoTooltip({ 
     filter: ".k-event", 
     position: "top", 
     width: 250, 
     content: kendo.template($('#calendarPopupTemplate').html()) 
    }); 
    }); 

}); 

<div class="rp-calendar"> 
    <div id="socialMediaCalendar"></div> 
</div> 

<script id="calendarPopupTemplate" type="text/x-kendo-template"> 
    #var uid = target.attr("data-uid");# 
    #var scheduler = target.closest("[data-role=scheduler]").data("kendoScheduler");# 
    #var model = scheduler.occurrenceByUid(uid);# 

    #if(model) {# 
     <strong>event start:</strong> #=kendo.format('{0:d}',model.start)#<br /> 
     <strong>event end:</strong> #=kendo.format('{0:d}',model.end)#<br /> 
     <strong>event description:</strong> #=model.description#<br /> 
    #} else {# 
     <strong>No event data is available</strong> 
    #}# 
</script> 

Answer 1

Вы можете указать формат дату представления, задав свойство selectedDateFormat в параметрах представления.

views: [ 
    { type: "agenda", title: "Agenda", selected: true, selectedDateFormat: "{0:dddd}" }, 
    { type: "month" }, 
] 

{0:[some format]} отформатирует вид даты начала, {1:[some format]} будет форматировать дату вид окончания.

Например

{0:dddd} выведет

воскресенье

и "{0:dddd, MMM dd, yyyy} - {1:dddd, MMM dd,yyyy}" выведет

Воскресенье, 13 декабря 2015 - суббота, декабрь 19,2015

См. Дополнительную информацию http://docs.telerik.com/kendo-ui/api/javascript/ui/scheduler#configuration-views.selectedDateFormat