如何/我可以将 data- 属性添加到 Kendo DatePicker？答案

【问题标题】：How/Can I add a data- attribute to a Kendo DatePicker?如何/我可以将 data- 属性添加到 Kendo DatePicker？
【发布时间】：2018-03-14 13:00:17
【问题描述】：

我需要将 data- 属性添加到 Kendo DataPicker 对象。

但是，我没有看到一种直观的方法来做到这一点。只有“name”和“htmlattributes”似乎只接受“style”、“title”和“id”。

我需要它来进行 jQuery 操作，所以没有其他方法可以解决它。

这是我目前所拥有的：

<div>
@(Model.FieldLabel): @(Html.Kendo().DatePicker()
    .Name("valueToGet")
    .Value(Model.FieldValue)
    .HtmlAttributes(new { style = "width: 100%", title = Model.FieldLabel, id = Model.FieldId.ToString()})
    .Deferred()        
    )
</div>

【问题讨论】：

标签： jquery asp.net-mvc razor kendo-datepicker

【解决方案1】：

您需要将破折号 (-) 替换为下划线 (_)，编译器会对其进行适当的转换。

<div>
@(Model.FieldLabel): @(Html.Kendo().DatePicker()
    .Name("valueToGet")
    .Value(Model.FieldValue)
    .HtmlAttributes(new { style = "width: 100%", title = Model.FieldLabel, id = Model.FieldId.ToString(), data_test = "Test Value"})
    .Deferred()        
    )
</div>

【讨论】：