DevExpress DateBox Calender als Jahresauswahl anzeigen
Durch die Einstellung von DevExteme().DateBox().CalendarOptions kann man das Auswahl-Control als Calendar-Objekt mit Auswahl von Jahr einstellen
.CalendarOptions( options=>options.ZoomLevel(CalendarZoomLevel.Year) .MaxZoomLevel(CalendarZoomLevel.Decade) .MinZoomLevel(CalendarZoomLevel.Decade) ) |
<div class="dx-field"> <div class="dx-field-label">Date List</div> <div class="dx-field-value"> @(Html.DevExtreme().DateBox() .DisplayFormat("MMM yyyy") .Value(DateTime.Now) .CalendarOptions( options=>options.ZoomLevel(CalendarZoomLevel.Year) .MaxZoomLevel(CalendarZoomLevel.Decade) .MinZoomLevel(CalendarZoomLevel.Decade) ) ) </div> </div> |
Beim Umstellen auf CalenderarZoomLevel.Decade wird in der Auswahl über den Jahreszahlen immer pro 10 Jahre umgeschalten
CalendarZoomLevel.Century
CalendarZoomLevel.Month
Anzeige als Monatsauswahl eines Jahres
<div class="dx-field"> <div class="dx-field-label">Date List</div> <div class="dx-field-value"> @(Html.DevExtreme().DateBox() .DisplayFormat("MMM yyyy") .Value(DateTime.Now) .CalendarOptions( options=>options.ZoomLevel(CalendarZoomLevel.Year) ) ) </div> </div> |