0

我正在使用ASP.NET MVC。我有日历验证问题。如何使用jQuery验证验证日期类型字段

此日历的代码是在以下内容:

<script> 
    $(function() { 
     $(".date").datepicker({ dateFormat: 'dd.mm.yy' }). 
    }); 
</script> 

<tr> 
<td style="text-align:left; padding-left:50px;"> 
    @Html.TextBoxFor(model => model.startdate, "{0:dd.MM.yyyy}",   
      new { @class = "date", style = "width:65px; font-weight: bold;", @readonly = "true" }) 
</td> 
</tr> 

我验证由JQuery的验证插件形式的字段。为此,我包含了以下两个JavaScript库;

<script src="~/Scripts/jquery.validate.min.js"></script> 
<script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script> 

在我添加上面的JavaScript库后,日期字段无法通过验证并且无法正常工作。

例如,我有一个日期,如:19.09.2014。

日历(19)的日期部分表现为一个月,而日历(09)的月份部分表现为日期。

我该如何解决这个问题?我想要验证日历字段和日历部分的日历正常工作。

任何帮助将不胜感激。

+0

http://stackoverflow.com/questions/13351109/datatypedatatype-date-format-mvc看到这个链接它可能会帮助你解决这个问题。 – 2014-09-19 13:03:49

回答

1

下面的代码做两件事情1)Set date format和2)Date format Validation

$(function() { 
     $.validator.addMethod('date', 
     function (value, element) { 
      if (this.optional(element)) { 
       return true; 
      } 
      var valid = true; 
      try { 
       $.datepicker.parseDate('dd.mm.yy', value); 
      } 
      catch (err) { 
       valid = false; 
      } 
      return valid; 
     }); 
     $(".datetype").datepicker({ dateFormat: 'dd.mm.yy' }); 
    }); 

进行验证添加[DataType(DataType.Date)]在模型中。

+0

非常感谢。 – hislam 2014-09-23 06:58:11