• 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 DateTime in ASP.NET MVC Range Selector Control

This sample visualizes rendering of date-time in the range navigator with exchange rate analysis of EUR to USD.

DEMO
SOURCE

EUR Exchange Rate from USD

Date-time data is used in this sample, and the selected range values are showed with tooltip. Date-time axis uses date-time scale and displays date-time values as axis labels. To render date-time axis, set the valueType to DateTime. Format of the axis label will be calculated based on the intervalType of the range navigator. You can also directly set the format using the labelFormat property.