How to change type="datetime" to HTML5 standard type="date" when using MVC EditorFor without custom Editor Template?

Question

I've got an ASP.NET MVC 5 application. Date fields are prolific. Things are working and behaving propertly, however the W3C Markup Validator complains about the date text fields having an improper type attribute value.

I'm rendering the input's for DateTime or nullable DateTime properties using the EditorFor helper:

@Html.EditorFor(model => model.BeginDate)

This is getting translated to:

<input type="datetime">

The "datetime" value of the type attribute is no longer a standard according to the W3C HTML5 Forms standard. The supported date/time types are:

date - A date (year, month, day) with no time zone
time - A time (hour, minute, seconds, fractional seconds) with no time zone

I don't really want to create a custom Editor Template, because the standard MVC editor template works perfectly, except the type="datetime" attribute value is non-standard.

How can I override the default behavior of the EditorFor method for DateTime objects so it creates <input type="date"> elements without creating my own Editor Template?

This is not a duplicate of stackoverflow.com/questions/7124434/…. The link only talks about displaying a short date string. it has nothing to do with the input tag having the correct html5 data type. — Fran
– Fran, Commented Jan 11, 2017 at 15:31
@EhsanSajjad: I agree with Fran.This has nothing to do with the display, and everything to do with the rendered HTML. — Greg Burghardt
– Greg Burghardt, Commented Jan 11, 2017 at 16:57

Fran · Accepted Answer · 2017-01-11 15:22:32Z

3

Annotate your model field with the DataType attribute

public class Model1
{
    [DataType(DataType.Date)]
    public DateTime BegineDate { get; set; }
}

answered Jan 11, 2017 at 15:22

Fran

6,5801 gold badge26 silver badges37 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Greg Burghardt Over a year ago

Which namespace is the DataType enum in? I'm not able to resolve that symbol to a namespace in my current project. I'm wondering if I'm missing an assembly reference.

Fran Over a year ago

using System.ComponentModel.DataAnnotations;

Greg Burghardt Over a year ago

Never mind. I figured it out. I'm using NHibernate, which has a class NHibernate.Type.DataType, and then there is System.ComponentModel.DataAnnotations.DataType. My problem is clash of namespaces. Visual studio just got weird on my briefly.

Greg Burghardt Over a year ago

Works perfectly! Now to just get Microsoft to change the default behavior of the MVC framework...

Collectives™ on Stack Overflow

How to change type="datetime" to HTML5 standard type="date" when using MVC EditorFor without custom Editor Template?

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related