Date format in Agenda View

[brian jumaquio]

Hi. I want to change the date format in my agenda view. Right now the format is "am-7:30 - am-9:00". I want it to be like this "7:30am-9:00am". Can anyone point me to the right direction where I can do this. I have looked in the documentation to no avail. Thank you in advance

[Nevitha Ravi]

Hi Brian, 

Thank you for contacting Syncfusion Support. 

By default, Agenda view will display the time in hh:mm tt format (7:30 AM – 9:30 AM) and attached the below screenshot of default agenda view for your reference. 

 

 

 

 

Also, with RTL mode, the time format will be like” AM- 7.30 AM 9.30” as shown in the below image. 

 

As you have mentioned that your current format is "am-7:30 - am-9:00", kindly share the culture that you are using in the Scheduler, whether TimeColumnTemplateId is used in your application and also your code example/ sample (if possible) to check and serve you better.

Regards,

Nevitha.

[Brijesh Pandey]

Can we change date  format like 05 Monday May,2014 to 05 Monday 2014-Jan in date column

[Karthigeyan Krishnamurthi]

Hi Brijesh, 

 

Thank you for contacting Syncfusion support. 

 

It is possible to customize the Date column value format using template option and for the same we have prepared the below sample for your reference. 

http://jsplayground.syncfusion.com/i2tk5p2c 

UG: https://help.syncfusion.com/aspnetmvc/schedule/templates#agenda-view-templates 

 

<Code> 

<!-- Template for date column --> 

<script id="dateTemplate" type="text/x-jsrender"> 

    <div style="height:100%"> 

        <div> 

            <div>{{:~dateDisplay(StartTime)}}</div> 

        </div> 

    </div> 

</script> 

 

agendaViewSettings: { 

    dateColumnTemplateId: "#dateTemplate" 

}, 

function _getDate(date) { 

    return ej.format(new Date(date), "dd dddd yyyy-MMM"); 

} 

//Here, used the helper function to get the date and time value part from the StartTime. 

$.views.helpers({ 

    dateDisplay: _getDate 

}); 

</Code> 

Regards, 

Karthigeyan 

[Brijesh Pandey]

Thanks Karthigeyan,

One thing i missed to mention here  that we need this in Angular2 .

[Karthigeyan Krishnamurthi]

Hi Brijesh, 

 

Thanks for your update. 

 

Kindly refer the below link to know more about the template option. 

https://help.syncfusion.com/angular/schedule/templates#agenda-view-templates 

 

Regards, 

Karthigeyan