Readdy Write  
0,00 €
Your View Money
Views: Count
Self 20% 0
Your Content 60% 0

Users by Links 0
u1*(Content+Views) 10% 0
Follow-Follower 0
s2*(Income) 5% 0

Count
Followers 0
Login Register as User

DevExpress DateBox Calender als Monats-Auswahl oder Jahresauswahl anzeigen

29.09.2021 (👁586)

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>