How to display the week number in the date header

RELATED TO:

Article information

Article relates to

 RadScheduler

Created by

 Peter, Telerik

Last modified

 December 5, 2011

Last modified by

 Peter, Telerik


HOW TO

Display the week number in the date header.
week number in date header

DESCRIPTION

The HeaderDateFormat and ColumnHeaderDateFormat properties allow you to use Custom Date and Time Format Strings. They can also display custom text in addtion to date information. For example, setting:

ColumnHeaderDateFormat=" 'Custom text' dddd"

will display: "Custom text Monday". Note that the custom text should be wrapped in single quotes.

However, for some special kind of customization you can use a hidden field to store information from the server and then apply it to the date header via jQuery. The following code demonstrates this technique.

SOLUTION

JavaScript / ASPX
<script type="text/javascript">
       function pageLoad() {
           var weekNumber = document.getElementById("HiddenField1").value;
           $telerik.$(".rsHeader h2").text("Week " + weekNumber);
       }
   </script>
   <asp:HiddenField ID="HiddenField1" runat="server" />
   <telerik:RadScheduler runat="server" ID="RadScheduler1" SelectedView="WeekView" OnNavigationComplete="RadScheduler1_NavigationComplete">
       <WeekView ColumnHeaderDateFormat="'Custom text' d" />
   </telerik:RadScheduler>

C#
protected void Page_Load(object sender, EventArgs e)
   {
       HiddenField1.Value = GetWeekNumber(RadScheduler1.SelectedDate).ToString();
   }
 
   protected void RadScheduler1_NavigationComplete(object sender, SchedulerNavigationCompleteEventArgs e)
   {
       RadScheduler scheduler = (RadScheduler) sender;
       HiddenField1.Value = GetWeekNumber(scheduler.SelectedDate).ToString();
   }
 
   public static int GetWeekNumber(DateTime dtPassed)
   {
       CultureInfo ciCurr = CultureInfo.CurrentCulture;
       int weekNum = ciCurr.Calendar.GetWeekOfYear(dtPassed, CalendarWeekRule.FirstFourDayWeek, DayOfWeek.Monday);
       return weekNum;
   }

VB.NET
Protected Sub Page_Load(sender As Object, e As EventArgs)
    HiddenField1.Value = GetWeekNumber(RadScheduler1.SelectedDate).ToString()
End Sub
 
Protected Sub RadScheduler1_NavigationComplete(sender As Object, e As SchedulerNavigationCompleteEventArgs)
    Dim scheduler As RadScheduler = DirectCast(sender, RadScheduler)
    HiddenField1.Value = GetWeekNumber(scheduler.SelectedDate).ToString()
End Sub
 
Public Shared Function GetWeekNumber(dtPassed As DateTime) As Integer
    Dim ciCurr As CultureInfo = CultureInfo.CurrentCulture
    Dim weekNum As Integer = ciCurr.Calendar.GetWeekOfYear(dtPassed, CalendarWeekRule.FirstFourDayWeek, DayOfWeek.Monday)
    Return weekNum
End Function





More Resources

  • Forums

    Find answers to thousands of questions or reach out to our active community.

  • Demos

    Browse 1,200+ demos with source code covering basic and advanced scenarios.

  • Sample Applications

    Learn how to integrate the controls in real-world examples.

  • Feedback Portal

    Vote and follow the features you want to see added to Telerik UI for ASP.NET AJAX.

  • User Voice

    Get answers directly from the people who build the product.

  • Documentation

    Benefit from detailed help articles and API references for all controls.

  • Knowledge Base

    Learn how to achieve common scenarios from a multitude of tutorials and working examples.

  • Code Library

    Browse sample projects submitted by Telerik staff and community members.

  • Blog

    Stay up-to-date with the latest functionality, how-to articles and industry trends.

  • Release History

    Up-to-date release notes for all new features and improvements.