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

28

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,340
30
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

9

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,649
2
18
34

score 6 · 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 · 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)

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

3

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

18,869
22
90
106

answered Mar 30 '18 at 15:46

Alex_Jung_89

39
3

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

9
1

score 0 · Answer 8 · 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 0 · Answer 9 · edited Oct 16 '20 at 21:05

0

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

6,953
6
33
67

answered Oct 16 '20 at 17:38

Niranjan

1
2

Format date within View in ASP.NET Core MVC

9 Answers9

Linked