Specify a format for "asp-for" HTML Tag (ASP.NET Core)

Question

In an ASP.NET Core project I have to display a (readonly) date in a specific format (say "dd/mm/yyyy HH:MM")

<div class="form-group">
    <label asp-for="Date" class="col-md-2 control-label"></label>
    <div class="col-md-10">
        <input asp-for="Date" readonly class="form-control" />
    </div>
</div>

How can I do it, knowing that the Date field is declared in the model like this

public DateTime Date { get { return this.Timestamp.DateTime; } }

?

tsu1980 · Answer 1 · 2019-02-04T02:03:13.147

13

Try this.

<input asp-for="Date" asp-format="{0:dd/MM/yyyy HH:mm}" readonly class="form-control" />

edited Feb 04 '19 at 02:03

answered Jul 05 '18 at 07:09

tsu1980

2,036
1
22
11

score 11 · Answer 2 · answered Jul 24 '17 at 06:19

11

Alternatively, you could decorate the property with DisplayFormatAttribute.

[DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:dd/MM/yyyy HH:MM}")]
public DateTime Date { get { return this.Timestamp.DateTime; } }

The markup you have would not need to change.

answered Jul 24 '17 at 06:19

Will Ray

9,513
3
39
57

I tried this and found it threw an error when the underlying datatype didnt conform to the DataFormatString pattern; i.e.with a format of {dd/MM/yyyy}, becuase my underlying data was a DateTime with HH:MM, I got an exception – RichyRoo Oct 03 '19 at 13:37

score 4 · Answer 3 · answered Jul 19 '17 at 17:29

If it is read only, you could hardcode as -

<input value="@Model.Date.ToString("dd/MM/yyyy HH:mm")" readonly class="form-control" />

Or display as text

<div class="form-group">
    <label asp-for="Date" class="col-md-2 control-label"></label>
    <div class="col-md-10 form-control-static">
        @Model.Date.ToString("dd/MM/yyyy HH:mm")
    </div>
</div>

score 2 · Answer 4 · answered Oct 03 '19 at 13:39

Using ASP.Core TagHelpers as per your question;

[DataType(DataType.Date)]
public DateTime Date { get { return this.Timestamp.DateTime; } }

will format the input fields nicely in accordance with your locale setting. I haven't found a tag helper solution for any other tags, looks like hardcoding as per Win's answer

Specify a format for "asp-for" HTML Tag (ASP.NET Core)

4 Answers4