How to create input type = date in MVC

Question

The demo on their website is clear, I can replicate it on my machine.

The problem now arises in that I am using MVC4 and need to use the 'For' (eg TextBoxFor) helpers...

There is no DateBoxFor

using MVC and the Model. In my head, I'd need something like

 @Html.DateBoxFor(a => a.BillStartDate, new { @class = "width400" })

or (where the last parameter is the type)

  @Html.GenericBoxFor(a => a.BillStartDate, new { @class = "width400" }, "Date")

How can I replicate

<input type="date" />

@Html.TextBoxFor(a => a.BillStartDate, new { @class = "width400", type = "date" }) Doesn't this work? — HaukurHaf
– HaukurHaf, Commented May 12, 2014 at 15:16

Patrick Hofman · Accepted Answer · 2014-05-12 15:17:09Z

2

Try passing it into the htmlAttributes, like you did with the class:

@Html.TextBoxFor(a => a.BillStartDate, new { @class = "width400", type="date" }

answered May 12, 2014 at 15:17

Patrick Hofman

158k23 gold badges270 silver badges343 bronze badges

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

Comments

Josh · Accepted Answer · 2014-05-12 15:47:47Z

2

You were close in your thinking:

@Html.DateBoxFor(a => a.BillStartDate, new { @class = "width400" })

Becomes

@Html.TextboxFor(a => a.BillStartDate, new { @class = "width400", type = "date" })

answered May 12, 2014 at 15:17

Josh

1,74413 silver badges15 bronze badges

No need for the @type.

Good catch. Copy and paste strikes again.