jQuery Mobile控件的Asp.Net MVC Razor標記

Question

這是一個asp.net MVC移動應用程序-我有一個來自文本框和一個Nights文本框-標准視圖是：

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

我將如何更改上面的Razor標記以添加data-options和data-role：

即。

@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

抱歉打擾大家-我在敲打heda到牆上，然后嘗試\\在報價內獲取報價：

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

我原來的Razor標記的替代品是：

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

希望這對像我這樣的人有用！

標記