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, Feb 04 '14 at 09:37
@AndreiV this will generate two inputs... not great for model binding, I would say. — Raphaël Althaus, Feb 04 '14 at 09: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, Feb 04 '14 at 09: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, Feb 04 '14 at 09:41
@RaphaëlAlthaus, agree. It depends on what you are willing to sacrifice. — Andrei V, Feb 04 '14 at 09:50

score 3 · Answer 1 · answered Feb 04 '14 at 09:39

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.

score 0 · Answer 2 · answered Feb 04 '14 at 10:18

0

Can I use it for my DateTime editor?

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

answered Feb 04 '14 at 10:18

ramiramilu

16,834
6
47
66

ASP.NET MVC EditorFor DateTime

2 Answers2

Linked