Asp.Net MVC剃刀标记为jQuery Mobile的控制

Question

这是一个asp.net MVC的移动应用 - 我有一个从文本框和夜文本框 - 标准的看法是：

<li data-role="fieldcontain"> 
     @Html.LabelFor(m => m.From) 
     @Html.TextBoxFor(m => m.From)  
     @Html.ValidationMessageFor(m => m.From)  
    </li> 

    <li data-role="fieldcontain"> 
     @Html.LabelFor(m => m.Nights) 
     @Html.TextBoxFor(m => m.Nights)    
     @Html.ValidationMessageFor(m => m.Nights)  
    </li> 

我会怎么更改上面的剃刀标记以添加数据选项和数据角色：

即，

@Html.TextBoxFor(m => m.From) 

到

<input name="From" type="date" data-options='{"mode":"datebox"}' data-role="datebox" id="From" /> 

和

@Html.TextBoxFor(m => m.Nights) 

到

<input type="range" name="nights" id="nights" value="1" min="0" max="28" /> 

（这些是一个日期插件 - 和移动滑块控制）

编辑：我已经得到了第二部分：

@Html.TextBoxFor(m => m.Nights, new { @type = "range", min = 1, max = 60 }) 

Answer 1

对不起打扰大家 - 我敲我荷达靠在墙上，然后试图\获得报价内报价：

@Html.TextBoxFor(m => m.From, new { @type = "date", data_role = "datebox", data_options = "{\"mode\":\"datebox\"}"}) 

我原来的剃刀的标记替换为：

<li data-role="fieldcontain"> 
     @Html.LabelFor(m => m.From) 
     @Html.TextBoxFor(m => m.From, new { @type = "date", data_role = "datebox", data_options = "{\"mode\":\"datebox\"}"})  
     @Html.ValidationMessageFor(m => m.From)  
    </li> 

    <li data-role="fieldcontain"> 
     @Html.LabelFor(m => m.Nights) 
     @Html.TextBoxFor(m => m.Nights, new { @type = "range", min = 1, max = 60 })    
     @Html.ValidationMessageFor(m => m.Nights)  
    </li> 

希望这是别人跟我一样有用！

马克