Validate Datepicker containing date only

Question

I use Asp.Net Core MVC (Razor + Jquery Validate + Unobtrusive). I display in a Datepicker only the date part of a Datetime field through the following code in my Viewmodel:

[Required(ErrorMessage = "* preenchimento obrigatório")]
[DataType(DataType.Date)]
public DateTime Data { get; set; } = DateTime.Now;

However, in my view, when typing the contents of the field with a valid date, I get the error message "Please enter a Valid date."

When removed the date Annotation [Datatype(Datatype.Date)] and displayed the part of time, the validation works correctly, so no problem of location

I have also added the following Annotation date to Viewmodel, but was unsuccessful:

[DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:dd/MM/yyyy}")]

I’m not sure, but it seems to me the problem is in unobtrusive validation that seems not to behave well with inputs that display only part of the date.

How to solve this problem?

Answer 1

Add to that, it should solve:

[DataType(DataType.Time, UIHint("Time")]
public DateTime Data { get; set; }