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> |
<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> |
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> |