PROJECT DESCRIPTION
The Agenda View does not support built-in removing of the end time of an appointment and using a custom format. Nevertheless, this project demonstrates how the HTML elements containing the dates can be modified as per the project requirements.
<script>
function pageLoadHandler() {
var scheduler = $find('<%= RadScheduler1.ClientID %>');
var format = "HH:mm:ss";
var showEndDate = false;
formatAgendaViewDates(scheduler, format, showEndDate)
}
function formatAgendaViewDates(scheduler, format, showEndDate) {
var $ = $telerik.$;
var $sch = $(scheduler.get_element())
var $rows = $sch.find('.rsAgendaRow');
var format = format || "HH:mm";
$rows.each(function myfunction(ind, row) {
var $cell = $(row).find('td:first');
var renderer = scheduler.get_activeModel()._getRenderer();
var apt = scheduler.getAppointmentFromDomElement(row);
var part = renderer._getModelAppointmentParts(apt, scheduler.get_activeModel())[0];
// change the format here
var startText = renderer._getFormattedDateText(part.start, format),
endText = renderer._getFormattedDateText(part.end, format),
formatString = renderer._getTimeCellFormatString(part);
if (!showEndDate && formatString == "{0} - {1}") {
// remove end time
formatString = "{0}";
}
$cell.html(String.format(formatString, startText, endText));
})
}
Sys.Application.add_load(pageLoadHandler);
</script>