Log In
[Expand]General Information
[Expand]WinForms Controls
[Collapse]ASP.NET Controls and MVC Extensions
 [Expand]What's Installed
 [Expand]Common Concepts
 [Expand]ASP.NET WebForms Controls
 [Collapse]ASP.NET MVC Extensions
  [Expand]Product Information
  [Expand]Getting Started
  [Expand]Common Concepts
  [Expand]Grid View
  [Expand]Card View
  [Expand]Vertical Grid
  [Expand]Rich Text Editor
  [Expand]HTML Editor
  [Expand]Image and Data Browsing
  [Expand]Docking and Popups
  [Expand]Navigation and Layout Extensions
  [Expand]File Management
  [Expand]Multi-Use Site Extensions
  [Expand]Pivot Grid
   [Collapse]Overview - SchedulerControl
     Scheduler - Overview
     DateNavigator Control - Overview
     TimeZone Editor - Overview
     SchedulerStatusInfoSettings - Overview
     Appointment Recurrence Form - Overview
    Main Features - Scheduler
   [Expand]Getting Started - Scheduler
   [Expand]Concepts - Scheduler
   [Expand]Visual Elements - Scheduler
  [Expand]Tree List
  [Expand]Data Editor Extensions
  [Expand]Report Extensions
 [Expand]Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Document Server
[Expand]Report Server
[Expand]eXpressApp Framework
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

DateNavigator Control - Overview

The DateNavigator control enables the end-user to navigate and select dates.

To learn more about the Date Navigator and see it in action, refer to the Date Navigator online demo.

Expanded Implementation Details

The Date Navigator is represented by the DateNavigatorExtension class. Its instance can be accessed via the ExtensionsFactory.DateNavigator helper method, which is used to add a Scheduler extension to a view. This method's parameter provides access to the Scheduler settings implemented by the DateNavigatorSettings class, allowing you to fully customize the extension.

The Date Navigator's client counterpart is represented by the MVCxDateNavigator object.

Expanded Declaration

The DateNavigator control requires a SchedulerControl for proper operation. Place them on the same page and specify settings for both controls using the SchedulerSettings instance that is common for them. Add the Scheduler and Date Navigator to a view in the following manner.

View (Razor syntax):

Scheduler and Date Navigator settings implemented in the helper class:

The DateNavigator control is added to the sample project created as described in the Lesson 3 - Use Scheduler in Complex Views document. The result is demonstrated in the picture below.

How would you rate this topic?​​​​​​​