Mvc验证引导日期时间选择器 [英] Mvc validate bootstrap date time picker

问题描述

我有两个日期控件，我需要验证日期和日期

 <   div     class   =  row >  
 <   div     class   =  col-xs-12 col-sm -6 col-md-6 >  
 <   div     class   =  form-group >  
从日期
 @ Html.TextBoxFor（m => m.FromDate，new {@class =form-control，@ atabindex =2}）
 @ Html.ValidationMessageFor（m => m.FromDate，，new {@class =label -danger}）
 <   / div  >  
 <   / div  >  
 <   / div  >  
 
 <   div     class   = 行 >  
 <   div     class   =  col-xs-12 col-sm-6 col-md- 6 >  
 <   div     class   =  form-group >  
 To Date 
 @ Html.TextBoxFor （m => m.ToDate，new {@class =form-control，@ atabindex =2}）
 @ Html.ValidationMessageFor（m => m.ToDate，，new {@class =label -danger}）
 <   / div  >  
 <   / div  >  
 <   / div  >  

我需要验证日期应该大于或等于日期，或者如果用户从日期中选择我需要阻止所有小于迄今的日期



我尝试使用以下代码来禁用日期之前的日期，但是它不工作



我尝试过：

 $（  ＃FromDate）。on（  change.dp， function （e）{
 $（ ＃ToDate）。datepicker（  option，  minDate，e.date）; 
}）; 

解决方案

（ ＃FromDate）。on（ change.dp， function （e）{

（ ＃ToDate）。datepicker（ option ， minDate，e.date）;
}）;

I am having two date controls where I need to validate the from date and to date

<div class="row">
    <div class="col-xs-12 col-sm-6 col-md-6">
      <div class="form-group">
         From Date
          @Html.TextBoxFor(m => m.FromDate, new { @class = "form-control", @tabindex = "2" })
          @Html.ValidationMessageFor(m => m.FromDate, "", new { @class = "label-danger" })
                    </div>
                </div>
 </div>

 <div class="row">
    <div class="col-xs-12 col-sm-6 col-md-6">
      <div class="form-group">
         To Date
          @Html.TextBoxFor(m => m.ToDate, new { @class = "form-control", @tabindex = "2" })
          @Html.ValidationMessageFor(m => m.ToDate, "", new { @class = "label-danger" })
                    </div>
                </div>
 </div>

I need to validate like to date should be greater than or equal to from date, or if user select from date I need to block all the dates which are less than to date

I tried the following code to disable the dates before from date, but it is not working

What I have tried:

$("#FromDate").on("change.dp", function (e) {
    $("#ToDate").datepicker("option", "minDate", e.date);
});

解决方案

("#FromDate").on("change.dp", function (e) {

("#ToDate").datepicker("option", "minDate", e.date); });

这篇关于Mvc验证引导日期时间选择器的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！