• Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark
  • Bootstrap v5
  • Bootstrap v5 Dark
  • Tailwind CSS
  • Tailwind CSS Dark
  • Material
  • Bootstrap v4
  • High Contrast
Preferences
Theme Selection
Mode Selection
Touch
Mouse
Localization
*Translated by Google Translator.
Currency

Example of Format in ASP.NET MVC DateTimePicker Control

In this sample, the DateTimePicker 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 available options. For mobile mode touch the icon at the right side and select a date time format from the available options.

DEMO
SOURCE

Date Formats sample illustrates the support of custom date format in the DateTimePicker component by using the format property. You can also change the date format by selecting it from the format options in the properties panel. By using the timeFormat property to format the displayed time value in the popup list.

More information on the date format configuration can be found in the documentation section.

Transform your ASP.NET MVC web apps today with Syncfusion ASP.NET MVC components
85+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE