API参考

外观设置

你可以通过设置以下属性来控制DateInput的外观:

大小

属性可以增加或减少DateInput的大小大小属性的成员Telerik.Blazor.ThemeConstants.DateInput.Size类:

类成员	手动声明
`小`	`sm`
`媒介`	`医学博士`
`大`	`lg`

内置尺寸

@{var fields = typeof(Telerik.Blazor.ThemeConstants.DateInput.Size) . getfields (system . reflect . bindingflags . typeof)Public | System.Reflection.BindingFlags.Static | system . reflection . bindingflags . flathierarchy) . where(字段=>字段。isinitonly).ToList();foreach (var field in fields){字符串大小= field. getvalue (null).ToString();< div风格= "浮动:左;保证金:20 px;">< TelerikDateInput @bind-Value="@DateValue" Size="@size">

}} @code {private DateTime DateValue {get;设置;} = DateTime.Now;｝

圆形的

的圆形的属性应用这个特性CSS规则的DateInput来实现边缘的弯曲。的成员Telerik.Blazor.ThemeConstants.DateInput.Rounded类:

类成员	手动声明
`小`	`sm`
`媒介`	`医学博士`
`大`	`lg`
`完整的`	`完整的`

圆滑属性的内置值

圆角属性的内置值。*@ @{var fields = typeof(telerik . blazor . themeconstants . dateinput .圆形). getfields (System.Reflection.BindingFlags. txt)Public | System.Reflection.BindingFlags.Static | system . reflection . bindingflags . flathierarchy) . where(字段=>字段。isinitonly).ToList();foreach (var field in fields){字符串圆角= field. getvalue (null).ToString();< div风格= "浮动:左;保证金:20 px;">< TelerikDateInput @bind-Value="@DateValue"圆角="@圆角">

}} @code {private DateTime DateValue {get;设置;} = DateTime.Now;｝

FillMode

的FillMode控制如何填充TelerikDateInput。的成员Telerik.Blazor.ThemeConstants.DateInput.FillMode类:

类成员	结果
`固体` 默认值	`固体`
`平`	`平`
`大纲`	`大纲`

内置的填充模式

这些都是内置的填充模式*@ @{var fields = typeof(telerik . blazor . themeconants . dateinput . fillmode) . getfields (System.Reflection.BindingFlags. typeof)。Public | System.Reflection.BindingFlags.Static | system . reflection . bindingflags . flathierarchy) . where(字段=>字段。isinitonly).ToList();foreach (var field in fields) {string fillmode = field. getvalue (null).ToString();< div风格= "浮动:左;保证金:20 px;">< TelerikDateInput @bind-Value="@DateValue" FillMode="@fillmode">

}} @code {private DateTime DateValue {get;设置;} = DateTime.Now;｝