具有特殊htmlattributes的Html Helper

时间:2012-03-29 00:29:12

标签: asp.net-mvc asp.net-mvc-3 razor

有谁知道如何将“data-date”等html属性传递给Html.TextBox()??

它来自bootstrap datepicker。

有办法吗?

            @Html.TextBoxFor(p => p.DateFrom, new { @class = "small", type = "date", "data-date"="12-02-2012" })

3 个答案:

答案 0 :(得分:4)

你必须使用下划线而不是' - '。

所以你所追求的将会是这样的:

@Html.TextBoxFor(p => p.DateFrom, new { @class = "small", @type = "date", @data_date="12-02-2012" })

答案 1 :(得分:1)

使用:

new Dictionary<string, object> { { "class", "small" }, {"type", "date"} { "data-date", "12-02-2012" } }

而不是:

new { @class = "small", type = "date", "data-date"="12-02-2012" }

答案 2 :(得分:0)

我试图使用bootstrap将日期选择器添加到Html助手中。 rudeovski ze bear's answer让它更容易。

这就是我的工作方式。

@Html.TextBox("startdate", null
                 , new {@class = "type", @type = "date", @data_date="12-02-2012" })