Я использую Kendo UI - планировщик (повестка дня и месяц)
В повестке дня я хочу отображать только название дня (воскресенье) вместо полной даты.
Поскольку я новичок в кодировании, ваша помощь может быть высоко оценена.
Ссылка на изображение:
$(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>
