The following steps shows how to customize the header date range display.
Step 1: Create a scheduler default sample using the below link.
Step 2: Bind the create and actionComplete event as shown below,
Step 2: Define the create event function OnCustom on which we can check the currentView value and modify the header date range format based on view. The following code example shows the logic.
Step 3: Define the actionComplete event function OnComplete on which we can check the navigation type value and call the OnCustom function to display the customize date header properly after changing the view or date. The following code example shows the logic.
Step 4: Run the above sample and the customized header date range format will be displayed as shown below.
Figure 1: Customized date header format in Day view
Figure 2: Customized date header format in Week view
Figure 3: Customized date header format in Work Week view
Figure 4: Customized date header format in Month view
Figure 5: Customized date header format in Agenda view
|Article ID:||Published Date:||Last Revised Date:||Platform:||Control:|
or the page will be automatically redirected to sign-in page in 10 seconds.