Format date within View in ASP.NET Core MVC

Question

I have problem in regarding with converting the datetime to date using a model.

Model from Class Library

public partial class LoanContract
{
    [DisplayFormat(DataFormatString = "{0:MM/dd/yyyy}")]
    public DateTime LoanDateStart { get; set; }
}

Model from Project

public class ModelLoan
{
    public LoanContract loanContract { get; set; }
}

Code in controller

 myList.loanContract = new LoanContract { LoanDateStart = DateTime.Today };

View:

<input disabled type="date" asp-for="loanContract.LoanDateStart" id="dpDateNow" class="form-control" />

It show like this: yyyy-MM-dd what I want to achieve is that I want to change it to MM/dd/yyyy. I tried using .ToString("MM/dd/yyyy") but it doesn't work.

Please do not force tags into title. Read on [how to use tags](http://stackoverflow.com/help/tagging) for future questions. Also please make sure to use correct tags in future. [tag:asp.net] and [tag:asp.net-mvc] are **incorrect** tags for ASP.NET Core related topics. Please use [tag:asp.net-core] and [tag:asp.net-core-mvc] in future otherwise you may receive unrelated answers for the old ASP.NET instead of ASP.NET Core — Tseng, May 03 '17 at 11:00
None of the below mentioned answers and comments worked for me in asp.net core 5 — Snziv Gupta, Aug 10 '21 at 10:35

Francois Borgies · Accepted Answer · 2021-01-06T10:58:53.190

30

Thank you @Enrico for your comment i add it in the answer :

Try it with this in your model:

[DataType(DataType.Date)]
[DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:MM/dd/yyyy}")]

And In your controller change DateTime to Date :

myList.loanContract = new LoanContract { LoanDateStart = Date.Today };

Hope this help you.

edited Jan 06 '21 at 10:58

answered May 03 '17 at 06:46

Francois Borgies

2,378
31
38

Thank you so much! this really helps me! – Alvin Quezon May 03 '17 at 06:57
And also `DateTime.Today` is just fine. I leave it that way. – Alvin Quezon May 03 '17 at 08:29
This does not not work me. I am rendering the field like this: `` is that correct? – Mohammed Noureldin Dec 12 '17 at 03:45
I could not get this to work until I realized there is an HTML5 Requirement for the format of dates in an input with type=date. YOU MUST USE THE FORMAT yyyy-mm-dd with inputs of type date. – S. Walker Jul 26 '18 at 17:48
2

this only worked for me when I also added [DataType(DataType.Date)] – Enrico Dec 13 '19 at 10:18
What is the namespace for the "Date"? I hope, Only DateTime is available in c#. – Md Aslam Jan 13 '20 at 08:50
1

@Enrico your comment should be the accepted answer :D – Yahya Hussein Dec 24 '20 at 18:15

Matheus Miranda · Answer 2 · 2019-03-07T16:33:40.223

8

Simple and practical, use asp-format, example:

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

Or:

@Html.TextBoxFor(model => model.MyDate, "{0:dd/MM/yyyy}", new { @class = "form-control" })

edited Mar 07 '19 at 16:33

answered Mar 07 '19 at 16:07

Matheus Miranda

1,755
2
21
36

score 5 · Answer 3 · answered Aug 01 '17 at 17:25

If when defining in model does not work, you can use inside your view file:

@String.Format("{0:dd/MM/yyyy}",ViewBag.TerminoDaAvaliacao)

This ViewBag contains a DateTime value. The time disapears with this format definition. It is not necessary to change DateTime by Date inside the Model file definition.

score 4 · Answer 4 · edited Mar 30 '18 at 16:12

4

I have also solved this problem using .ToString("d"). I received output of "MM/DD/YYYY".

edited Mar 30 '18 at 16:12

Stephen Kennedy

20,585
22
95
108

answered Mar 30 '18 at 15:46

Alex_Jung_89

49
3

score 4 · Answer 5 · answered Jul 09 '19 at 11:42

This might be the wrong solution to the problem being asked, but I hope it helps someone. If you are trying to input only a date (without time) Model.IsValid will throw back a validation error saying the date input format is incorrect. To solve this problem, simply Add this to your model.

[Display(Name = "Date")]
[DisplayFormat(DataFormatString = "{0:MM/dd/yyyy}")]
[DataType(DataType.Date)]
public DateTime Date { get; set; }

Using data attributes inside asp.net have the benefit of automatically being supported by jQuery client-side validation. (Generated by Asp.Net)

This the correct solution – Rizwan Ahmed May 07 '23 at 01:32 — Rizwan Ahmed, May 07 '23 at 01:32

score 2 · Answer 6 · answered Oct 12 '19 at 20:27

I think it is a bug for dateformat escape chars on dotnet core. None of above solutions worked for me. Only this method solved my problem. why does DateTime.ToString("dd/MM/yyyy") give me dd-MM-yyyy?

[DisplayFormat(DataFormatString = "{0:dd'/'MM'/'yyyy}", ApplyFormatInEditMode = true)]

or

<input asp-for="DateProperty" asp-format="{0:dd'/'MM'/'yyyy}">

score 1 · Answer 7 · answered Sep 02 '20 at 12:22

1

Add [DataType(DataType.Date)] in your model

[Column(TypeName = "Date")]
[DisplayName("Date of birth")]
[DataType(DataType.Date)]

answered Sep 02 '20 at 12:22

Wasiim

29
1

score 0 · Answer 8 · answered Jul 10 '22 at 21:57

(Current as of ASP.NET 6)

The problem with almost all of these answers (except the one from @Alex_Jung_89) is that they don't respect the current culture of the thread. If you operate in different locales, the custom string that you're using will not be correct if, for example, your user is hitting you from a browser that's fr-FR, because they reverse month and day from the US standard.

Tag helpers work best here without all of the annotation stuff junking up your models, and coming back in the pipe the model binder will work on the current culture of the thread.

<input type="text" asp-for="Dob" asp-format="{0:d}" />

It's also best to defer formatting to the view to keep a clear separation of concerns.

Standard format strings: https://learn.microsoft.com/en-us/dotnet/standard/base-types/standard-date-and-time-format-strings

score -1 · Answer 9 · answered Jul 31 '19 at 18:01

For those who get here wanting to change date format of a model in the view regardless of Model class (Its what I expected to be answering). This works in both Razorpages and MVC.

Just add .ToString("dd/MM/YYYY") to the property you're displaying.

e.g.

@Model.DateOfBirth.ToString("<Use formatting here>")

This is great if you only want to show part of a date say month and year, but elsewhere you need to show the day and the time.

score -1 · Answer 10 · edited Oct 16 '20 at 21:05

-1

This might be extremely helpful sometimes,

<input asp-for="DateProperty" asp-format="**@Model.DateProperty.ToString($"{0:dd/MM/yyyy}")**">

edited Oct 16 '20 at 21:05

atiyar

7,762
6
34
75

answered Oct 16 '20 at 17:38

Niranjan

1
2

Format date within View in ASP.NET Core MVC

10 Answers10

Linked