#

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

Ein Bild, das Text enthält.
Automatisch generierte Beschreibung

 

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>

 

Mobile

.

0123movie.net