Using editor template (datetime.cshtml) with html.editorfor problem

Question

0.00/5 (No votes)

See more:

I've successfully created a editor template for the @HtmlEditorFor() method and the code looks like this:

C#

<div class="form-group">
    @Html.LabelFor(model => model.Birthdate, htmlAttributes: new { @class = "control-label col-md-2" })
    <div class="col-md-10">
        @Html.EditorFor(model => model.Birthdate, "DateTime", new { htmlAttributes = new { @class = "form-control" } })
        @Html.ValidationMessageFor(model => model.Birthdate, "", new { @class = "text-danger" })
    </div>
</div>

And the partial view DateTime looks like this:

C#

@model DateTime?
@if (Model.HasValue)
{
    @Model.Value.ToString("MM/dd/yyyy")
}

... and this is located in the Shared/EditorTemplates subdirectory.

The template actually does the formatting BUT the control is no longer an editable field ... it is simply displayed as if it was simple HTML.

Any ideas as to why this is no longer displayed as and editing region for my Birthdate property?

What I have tried:

What I have tried is exactly as stated above ...

Posted 22-Mar-19 4:52am

Charles T. Blankenship

Updated 22-Mar-19 6:34am

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Richard Deeming · Accepted Answer · 2019-03-22T06:35:00

Solution 1

Because that's exactly what you've told it to do. :)

What you've got there would work fine as a display template. For an editor template, you'll need to render an editable control.

Here's a simplistic example:

Razor

@model DateTime?
@{
    var htmlAttributes = new { type = "date", @class = "form-control", placeholder = ViewData.ModelMetadata.Watermark };
}
@Html.TextBox("", Model?.ToString("yyyy-MM-dd"), htmlAttributes)

NB: The HTML date input[^] uses the unambiguous format "yyyy-MM-dd" both for the value attribute and when posting the value back to the server. Most browsers will automatically adjust this to match the user's display settings.

Posted 22-Mar-19 6:35am

Richard Deeming

Comments

Charles T. Blankenship 22-Mar-19 12:51pm

You ROCK Richard ... thank you soooo much!!!!

Richard Deeming 22-Mar-19 13:03pm

Some useful resources related to display and editor templates:
GitHub - danmalcolm/mvc-razor-display-and-editor-templates: Razor view implementations of the built-in templates used by the Display / DisplayFor and Editor / EditorFor HtmlHelper functionality.[^]
Extending Editor Templates for ASP.NET MVC - Simple Talk[^]
ASP.NET MVC DisplayTemplate and EditorTemplates for Entity Framework DbGeography Spatial Types - Scott Hanselman[^]

Charles T. Blankenship 22-Mar-19 15:11pm

Once again ... that is some awesome references ... I wish I'd known this before wasting hours how to format a simple DataTime in MVC ... you have my gratitude!