Readdy Write

DevExpress DateBox PickerTypes List Native Rollers

29.09.2021 (👁6245)

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>


0,00 €