how to fix 'The field must be a date' on a datetime property in mvc

Question

I need to capture date and time both for my model property. In my model class I have the following

[Required]
[DataType(DataType.DateTime)]
public DateTime?          


        

Answer 1

1. Install moment.js (Install-Package Moment.js)
2. Open jquery.validate.js and find the method date: function (value, element)

3. Replace the content for this:

   var isChrome = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor);
   return this.optional(element) || (isChrome ? moment(value, 'L').isValid() : !/Invalid|NaN/.test(new Date(value)));
   

4. Done