ASP.NET MVC EditorFor DateTime

Question

How to implement EditorFor DateTime?

I already have editors for Date and Time separately. Can I use it for my DateTime editor?

Are there any suggestions, how to do it?

Date editor:

@model DateTime

@Html.TextBox(string.Empty, (Model != default(DateTime) ? Model.ToShortDateString() : string.Empty), new { @class = "date form-control" })

Time editor:

@model DateTime?

@Html.TextBox(string.Empty, (Model.HasValue ? Model.Value.ToString("HH:mm") : string.Empty), new { @class = "time form-control" })

I am using jQuery UI datepicker for date editor. Timepicker is also jQuery plugin.

Can't you just combine them? For example @Html.EditorFor(Model.TheDate) - @Html.EditorFor(Model.TheTime). Do you need different formats? — Andrei V
– Andrei V, Commented Feb 4, 2014 at 9:37
@AndreiV this will generate two inputs... not great for model binding, I would say. — Raphaël Althaus
– Raphaël Althaus, Commented Feb 4, 2014 at 9:38
Could you show the code of your Date and Time editors ? Maybe you can do some refactoring, or use a custom HtmlHelper instead of Templates... — Raphaël Althaus
– Raphaël Althaus, Commented Feb 4, 2014 at 9:39
@AndreiV Yes, everything's possible, but then you'll need some javascript to populate that hidden field. It's not really pure "reuse" of existing... — Raphaël Althaus
– Raphaël Althaus, Commented Feb 4, 2014 at 9:41

Lasse Edsvik · Accepted Answer · 2014-02-04 09:39:05Z

4

Create DateTime.cshtml in Views/Shared/EditorTemplates that contains:

@inherits System.Web.Mvc.WebViewPage<System.DateTime?>
@Html.TextBox("", string.Format("{0:yyyy-MM-dd HH:mm}", 
              Model.HasValue ? Model : null), new { @class = "dateTimePicker" })

And use some jquery datepicker. think this one works with default jquery ui one.

answered Feb 4, 2014 at 9:39

Lasse Edsvik

9,34617 gold badges77 silver badges112 bronze badges

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

Comments

ramiramilu · Accepted Answer · 2014-02-04 10:18:35Z

0

Can I use it for my DateTime editor?

With this JQuery TimePicker plugin you can definitely have one Editor field.

answered Feb 4, 2014 at 10:18

ramiramilu

17.2k6 gold badges51 silver badges66 bronze badges

Collectives™ on Stack Overflow

ASP.NET MVC EditorFor DateTime

2 Answers 2

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Linked

Related