Example of Format in ASP.NET MVC DateRangePicker Control

In this sample, the DateRangePicker has been configured with the dd/MMM/yy hh:mm a date time format. To change this current date time format, go to the properties panel at the right side and select a date format from the availbale options. For mobile mode touch the icon at the right side and select a date time format from the availbale options.

DEMO
SOURCE

Format sample illustrates the support of custom date time format in the DateRangePicker component by using the format property. You can also change the date time format by selecting it from the format options in the properties panel.

Furthermore, this example showcases the flexible date value parsing functionality available in DateRangePicker component. By utilizing the InputFormats property, users can enter dates in various formats, which will be automatically parsed and formatted according to the chosen date format.

More information on the date format configuration can be found in the documentation sectionopens in a new tab.

Transform your ASP.NET MVC web apps today with Syncfusion® ASP.NET MVC components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab