title: How to validate date type field by using jquery validation
body: <p>I am using ASP.NET MVC. I have a problem with calender - date validation.</p>
  
  <p>The codes for this calendar are in the following :</p>
  
  <pre><code>&lt;script&gt;
      $(function () {
          $(".date").datepicker({ dateFormat: 'dd.mm.yy' }).
      });
  &lt;/script&gt;
  
  &lt;tr&gt;
   &lt;td style="text-align:left; padding-left:50px;"&gt;
       @Html.TextBoxFor(model =&gt; model.startdate, "{0:dd.MM.yyyy}",        
               new { @class = "date", style = "width:65px; font-weight: bold;", @readonly = "true" })
   &lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>I validate the fields of the form by JQuery validation plugin. For this, I included the following two JavaScript libraries;</p>
  
  <pre><code>&lt;script src="~/Scripts/jquery.validate.min.js"&gt;&lt;/script&gt;
  &lt;script src="~/Scripts/jquery.validate.unobtrusive.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>After I added the JavaScript libraries above, the date field can not pass validation and does not work properly.</p>
  
  <p>For example, i have a date like: 19.09.2014.</p>
  
  <p>The day part of the calendar (19) behaves as a month, and the month part of the calendar (09) behaves as day. </p>
  
  <p>How can i solve this problem? I want to get validated date fields and month-day parts of the calender works properly.</p>
  
  <p>Any help will be appreciated.</p>