DateTimeピッカーの最小日の設定

Question

No Icon (input field only)のバージョンのBootstrap 3 Datepickerを使用しています。

minDate機能を使用して、選択した日付より前の日付を入力できないようにしようとしていますが、アイコンなしのバージョンでこれを設定する方法がわかりません。私はアイコンでこれを行うことができます。ここで

は私が持っているものです。

HTML /レイザー

---

@{ 
    var firstDate = new Test.Models.MS(); 
    using (var db = new UCEntities()) 
    { 
     firstDate = db.MSies.Where(x => x.AID == Model.AId && x.deleted == false).OrderBy(x => x.Date).FirstOrDefault(); 
    } 
} 

<div class="col-md-4"> 
    <div class="input-group date date-search-box" data-mindate="@firstDate.Date"> 
     @Html.TextBox("date", null, htmlAttributes: new { id = "datetimepicker1", @class = "form-control", @placeholder = "Enter Date"}) 
     <span class="input-group-btn"> 
      <button class="btn btn-primary" type="submit">Search Date</button> 
     </span> 
    </div> 
</div> 

---

jQueryの

---

$(document).ready(function() { 
    $("#datetimepicker1").datetimepicker({ 
     format: 'MM/DD/YYYY', 
     minDate: $("#datetimepicker1").data("mindate") 
    }); 
}); 

---

私は@Html.TextBox過負荷ヘルパーメソッドに含まれるdata-mindateニーズのように感じるが、どのように？

また、ビュー内でロジックを実行することは嫌になり、ビューモデルを使用することもできるはずですが、まずこれを最初にテストしたいと思います。

何か助けていただければ幸いです。

Answer 1

ああ私はこれを理解しました。データ属性をかみそりのHtmlヘルパーに追加すると、-の代わりに_を使用する必要があります。例えば

：

@Html.TextBox("date", null, htmlAttributes: new { id = "datetimepicker1", @class = "form-control", @placeholder = "Enter Date",data_mindate=firstDate.Date}) 

代わりの：

@Html.TextBox("date", null, htmlAttributes: new { id = "datetimepicker1", @class = "form-control", @placeholder = "Enter Date",data-mindate=firstDate.Date})