ASP.NET MVC displaying date without time

Question

I have my model field decorated in the following way:

[DataType(DataType.Date)]
[Display(Name = "Date of birth")]
public string DateOfBirth { get; set; }

When I want to display the value in the view using the following code:

<%: Html.DisplayFor(m => m.DateOfBirth) %>

The problem is that the date is displayed together with its time value. I wonder why it does not take DateType attribute into consideration and displays only the date value without time. I know that I may create a display template for DateTime but in other cases than date of birth I want to show time together with date. How to solve the problem?

Erik Funkenbusch · Accepted Answer · 2012-10-20 22:37:16Z

18

The problem you have here is that you are using a string value rather than a DateTime.

change your model to be:

[DataType(DataType.Date)]
[Display(Name = "Date of birth")]
public DateTime? DateOfBirth { get; set; }

DataType will only work if it's a DateTime type, you also get the added advantage that it will automatically validate it as a valid date when using a DateTime. If you use string, you will have to use a regular expression validator to ensure a proper date has been entered.

answered Oct 20, 2012 at 22:37

Erik Funkenbusch

93.7k29 gold badges201 silver badges292 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

John Over a year ago

I had a sitation recently where chrome put funny stuff in when input type is date, part of html5 i think, I wanted to use jquery datepicker instead so I went with DataType.Text - that still allowed me to use formatting cool enough

Erik Funkenbusch Over a year ago

@John - "funny stuff"? That's part of the html standard. If you're using html5, you should use the html5 input types. Chances are, you just didn't understand something, and rather than do the correct thing, you've now broken MVC's date handling.

John Over a year ago

no I mean Chrome adds datepickers that doesn't look as nice as jquery's versions which I prefer

dove · Accepted Answer · 2011-07-06 08:02:53Z

12

This should do it for edit mode and display

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

though if it is just display, this might work

[DisplayFormat(DataFormatString = "{0:d}")]

answered Jul 6, 2011 at 8:02

dove

20.8k14 gold badges88 silver badges109 bronze badges

4 Comments

dove Over a year ago

@MystereMan i'm thinking you know what you're at. (this).it may not be necessary but surely you know you have to be more specific than your comments here. what do they add to the general knowledge? i will vote for you better answer.

dove Over a year ago

@MystereMan so the SO cache bursting is not perfect perhaps. see it now.

user75690 Over a year ago

Spectacular! So simple and solved my problem. Thanks!

Jon649 Over a year ago

Brilliant, I was banging my head with this one.

zallexy · Accepted Answer · 2013-11-29 21:55:49Z

6

You can use ToShortDateString() or ToLongDateString() to display date only,example:

@Model.EventDate.ToShortDateString()
@Model.EventDate.ToLongDateString()

answered Nov 29, 2013 at 21:55

zallexy

1311 gold badge2 silver badges7 bronze badges

Comments

archil · Accepted Answer · 2011-07-06 08:03:40Z

5

Use DisplayFormatAttribute to indicate format when value is displayed. Also, you could create two DisplayTemplates, Date and DateTime, and use UIHintAttribute to specify template

answered Jul 6, 2011 at 8:03

archil

39.6k7 gold badges69 silver badges83 bronze badges

Comments

Robert Columbia · Accepted Answer · 2018-07-11 16:18:40Z

2

If your date is of type DateTime, and ToShortDateString() or ToLongDateString() still doesn't work, check if your DateTime is nullable (DateTime?). Making it not nullable can do the trick.

edited Jul 11, 2018 at 16:18

Robert Columbia

6,45115 gold badges34 silver badges42 bronze badges

answered Jul 11, 2018 at 15:53

Yehoshua Levin

293 bronze badges

Comments

Toshihiko · Accepted Answer · 2019-09-27 02:26:06Z

1

If you are using MVC, perhaps you can try this on your client side script:

@{
      string birthDateOnly = Model.DateOfBirth.Date.ToShortDateString();
 }
@Html.DisplayTextFor(m => birthDateOnly)

answered Sep 27, 2019 at 2:26

Toshihiko

3171 gold badge8 silver badges20 bronze badges

Comments

Harshali Jadhav · Accepted Answer · 2019-04-02 05:57:26Z

0

using @Value and ToShortDateString() you can display only date.

@Html.TextBoxFor(model => model.StartDate, "", new { id = "date", @class = "datepicker", @style = "width:70%; height:30px;", @placeholder = "Enter Date", @Value = @Model.StartDate.ToShortDateString()})

answered Apr 2, 2019 at 5:57

Harshali Jadhav

11 bronze badge

Collectives™ on Stack Overflow

ASP.NET MVC displaying date without time

7 Answers 7

3 Comments

4 Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

7 Answers 7

3 Comments

4 Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related