Readdy Write

DevExpress DateBox Calender als Monats-Auswahl oder Jahresauswahl anzeigen

29.09.2021 (👁4297)

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>











⊲
⊳
0,00 €