New to Telerik UI for ASP.NET MVC? Download free 30-day trial
ASP.NET MVC DatePicker Range Selection
- EXAMPLE
- VIEW SOURCE
-
Change Theme
defaultDefault Theme
- Main
- Main Dark
- Nordic
- Ocean Blue
- Ocean Blue A11Y
- Purple
- Turquoise
Bootstrap Theme- Main
- Bootstrap 3
- Bootstrap 3 Dark
- Main Dark
- Nordic
- Turquoise
- Turquoise Dark
- Urban
- Vintage
Material Theme- Main
- Arctic
- Lime Dark
- Main Dark
- Nova
Classic Theme- Main
- Green
- Green Dark
- Lavender
- Lavender Dark
- Main Dark
- Metro
- Metro Dark
- Moonlight
- Opal
- Opal Dark
- Silver
- Silver Dark
- Uniform
Fluent Theme- Main
Also available for:
CLIENT-SIDE API SERVER-SIDE APIDescription
The Telerik UI for ASP.NET MVC DatePicker offers date-range selection out-of-the-box. The date-range selection feature can be implemented by using two separate DatePicker components or by using the built-in functionality of the ASP.NET MVC DatePicker.
When visualizing the date-range selection with two separate ASP.NET MVC DatePicker components, render a start and end date with specified minimum and maximum values. To set the value of the DatePickers, use the client-side API and the min()
and max()
methods. For the complete details of the implementation, review the source code of the demo.