#

DevExpress DateBox PickerTypes List Native Rollers

 

 

Darstellungen der Datums-Auswahl Kalender bei DevExpress DateBox UIs in Asp Core

 

 

    @*-------------< DateBox >-----------------*@

    <div class="dx-field">

        <div class="dx-field-label">Date List</div>

        <div class="dx-field-value">

            @(Html.DevExtreme().DateBox()

                .DisplayFormat("MMM EE")

                .Value(DateTime.Now)

                .PickerType(DateBoxPickerType.List)

            )

        </div>

    </div>

 

 

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

 

 

 

    <div class="dx-field">

        <div class="dx-field-label">Native</div>

        <div class="dx-field-value">

            @(Html.DevExtreme().DateBox()

                .DisplayFormat("MMM EE")

                .Value(DateTime.Now)

                .PickerType(DateBoxPickerType.Native)

            )

        </div>

    </div>

 

 

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

 

 

    <div class="dx-field">

        <div class="dx-field-label">Roller</div>

        <div class="dx-field-value">

            @(Html.DevExtreme().DateBox()

                .DisplayFormat("MMM EE")

                .Value(DateTime.Now)

                .PickerType(DateBoxPickerType.Rollers)

            )

        </div>

    </div>

 

 

 

 

Devexpress: Devextreme ->Asp Core / MVC

 

@{

    Layout = "~/Views/Shared/_Layout.cshtml";

}

 

@*format Grid in javascript file *@

<script src="~/js/jsGridFormat.js"></script>

 

<form>

 

 

 

 

    @*-------------< DateBox >-----------------*@

    <div class="dx-field">

        <div class="dx-field-label">Date List</div>

        <div class="dx-field-value">

            @(Html.DevExtreme().DateBox()

                .DisplayFormat("MMM EE")

                .Value(DateTime.Now)

                .PickerType(DateBoxPickerType.List)

            )

        </div>

    </div>

 

    <div class="dx-field">

        <div class="dx-field-label">Native</div>

        <div class="dx-field-value">

            @(Html.DevExtreme().DateBox()

                .DisplayFormat("MMM EE")

                .Value(DateTime.Now)

                .PickerType(DateBoxPickerType.Native)

            )

        </div>

    </div>

 

    <div class="dx-field">

        <div class="dx-field-label">Roller</div>

        <div class="dx-field-value">

            @(Html.DevExtreme().DateBox()

                .DisplayFormat("MMM EE")

                .Value(DateTime.Now)

                .PickerType(DateBoxPickerType.Rollers)

            )

        </div>

    </div>

    @*-------------</ DateBox >-----------------*@

 

 

    @*===========< script >==========*@

    <script>

                        //DevExpress.localization.locale("de");

    </script>

    @*===========</ script >==========*@

 

</form>

 

 

Mobile

.