We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.

Date format in Agenda View

Thread ID:

Created:

Updated:

Platform:

Replies:

128256 Jan 11,2017 12:25 AM Nov 8,2017 03:44 AM ASP.NET MVC 5
loading
Tags: Schedule
brian jumaquio
Asked On January 11, 2017 12:25 AM

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 [Syncfusion]
Replied On January 12, 2017 06:04 AM

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
Replied On November 3, 2017 06:40 AM

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


Karthigeyan Krishnamurthi [Syncfusion]
Replied On November 5, 2017 11:41 PM

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. 
 
<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
Replied On November 7, 2017 03:50 AM

Thanks Karthigeyan,

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


Karthigeyan Krishnamurthi [Syncfusion]
Replied On November 8, 2017 03:44 AM

Hi Brijesh, 
 
Thanks for your update. 
 
Kindly refer the below link to know more about the template option. 
 
Regards, 
Karthigeyan 




CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.

;