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