Custom format of Header Date Format

3 posts, 0 answers
  1. Sangeeta
    Sangeeta avatar
    8 posts
    Member since:
    Dec 2014

    Posted 10 Dec 2014 Link to this post

     I used the RadScheduler and I create the HeaderDateFormat in WeekView. Its show the format like "This Week (MM/dd) - This Week (MM/dd)"  but I want the format like
    "This Week (MM/dd-MM/dd)". I send the screen shot. I want the header date format according to SB-RadSheduler.png screen shot.

  2. Plamen
    Admin
    Plamen avatar
    2790 posts

    Posted 12 Dec 2014 Link to this post

    Hi,

    Here is a sample workaround that can help you achieve the issue:
    <script type="text/javascript">
               function pageLoad() {
                   var $ = $telerik.$;
                   var $header = $(".rsHeader h2");
                   var radScheduler = $find("<%=RadScheduler1.ClientID %>");
     
                   if (radScheduler.get_selectedView() === Telerik.Web.UI.SchedulerViewType.TimelineView) {
                       $header.html("This Week (" + $header.html() + ")");
                   }
               }
           </script>
     
           <telerik:RadScheduler runat="server" ID="RadScheduler1" SelectedView="TimelineView" GroupBy="User" GroupingDirection="Vertical">
               <TimelineView NumberOfSlots="6" ColumnHeaderDateFormat="ddd(MM/dd)" HeaderDateFormat="MM/dd" />
           </telerik:RadScheduler>

    Hope this will be helpful.

    Regards,
    Plamen
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  3. Sangeeta
    Sangeeta avatar
    8 posts
    Member since:
    Dec 2014

    Posted 12 Dec 2014 in reply to Plamen Link to this post

    Yes, This is helpful.
    Thanks.
Back to Top