設置DateTime選擇器的最短日期

我正在使用Bootstrap 3 Datepicker，特別是No Icon (input field only)版本。設置DateTime選擇器的最短日期

我正在嘗試使用minDate函數，以便用戶不能輸入在我選擇的日期之前的日期，但我無法弄清楚如何使用no圖標版本進行設置。我可以用圖標做到這一點。

以下是我有：

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需求，但如何？

另外我知道，在視圖中做邏輯是皺眉，我可以/應該使用視圖模型，但我只是想先測試一下。

任何幫助表示讚賞。

來源

2016-12-30 GTown-Coder

啊我想通了。通過添加數據屬性剃鬚刀的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})

來源

2016-12-30 14:19:09

設置DateTime選擇器的最短日期

回答

相關問題