设置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选择器的最短日期

回答

相关问题