ASP.Net MVC Razor Remove Time From DateTime Property

Question

I am developing an ASP.Net MVC 3 Web application using Razor Views. I have the following ViewModel which is passed to my Razor View and iterated through to display a list of records.

ViewModel

public class ViewModelLocumEmpList
{
    public IList<FormEmployment> LocumEmploymentList {get; set;}
}

View

<table>
  <tr>
   <th>Employer</th>
   <th>Date</th>
   </tr>
    @foreach (var item in Model.LocumEmploymentList) {
      <tr>
        <td>@item.employerName</td>
        <td>@item.startDate</td>
      </tr>
      }
      </table>

My problem is that the line

@Html.DisplayFor(modelItem => item.startDate)

Returns a date like this 20/06/2012 00:00:00, and I would like it to remove the time and just display the date, ie, 20/06/2012.

I have tried adding

@Html.DisplayFor(modelItem => item.startDate.Value.ToShortDateString())

And

DisplayFor(modelItem => item.startDate.HasValue ? item.startDate.Value.ToShortDateString(): "")

However, they both return the following error message at runtime

Templates can be used only with field access, property access, single-dimension array index, or single-parameter custom indexer expressions.

I have looked at Darin Dimitrov’s answer here Converting DateTime format using razor

However, I don’t have access to the startDate property in my ViewModel, my ViewModel returns an IList of FormEmployment objects which you can see above.

If anyone has any idea’s on how to remove the time from the date time property then I would be greatly appreciative.

Thanks.

Also, my startDate property is Nullable.

Update

Based on PinnyM's answer, I added a partial class (see below) to place the [DisplayFormat] attribute on the startDate property.

public partial class FormEmployment
{
    [DisplayFormat(DataFormatString = "{0:dd/MM/yyyy}")]
    public Nullable<System.DateTime> startDate { get; set; }
}

However, my Razor View still displays 20/06/2012 00:00:00 using the following code

@Html.DisplayFor(modelItem => item.startDate)

Any idea's?

Thanks.

Raj Baral · Accepted Answer · 2018-01-17 19:42:58Z

37

You can use @item.startDate.Value.ToShortDateString() (adding the proper validation for null value)

edited Jan 17, 2018 at 19:42

Raj Baral

7018 silver badges19 bronze badges

answered Jun 20, 2012 at 14:51

pollirrata

5,2942 gold badges35 silver badges51 bronze badges

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

7 Comments

tcode Over a year ago

As I stated in my question, I have already tried using @Html.DisplayFor(modelItem => item.startDate.Value.ToShortDateString()) which results in the same error as stated above.

pollirrata Over a year ago

Don't use DisplayFor, just set <td>@item.startDate.Value.ToShortDateString()</td>

tcode Over a year ago

@Pollirata: Cheers, this works. But, can you explain why it works without DisplayFor, and why it doesn't work when I include DisplayFor? Thanks.

pollirrata Over a year ago

I'm not sure, I haven't used that on loops before... But I had a similar problem and that's the way I solved it

PinnyM Over a year ago

The reason is because DisplayFor is expecting an Expression lambda which can only be parsed using simple constructs (properties, boolean operators, etc)

|

PinnyM · Accepted Answer · 2012-06-20 15:18:02Z

9

You can use a DisplayFormat attribute on your model startDate property:

[DisplayFormat(DataFormatString="{0:dd/MM/yyyy}")]
public DateTime? startDate { get; set; }

The just use DisplayFor(modelItem => item.startDate)

Another option is to create a read-only property just for the formatting:

public String startDateFormatted { get { return String.Format("{0:dd/MM/yyyy}", startDate); } }

And use DisplayFor(modelItem => item.startDateFormatted)

edited Jun 20, 2012 at 15:18

answered Jun 20, 2012 at 14:53

PinnyM

35.6k4 gold badges77 silver badges84 bronze badges

3 Comments

tcode Over a year ago

I can't do this, because my Model Classes are created by a T4 Template, therefore, every time I re-generate the template, my change will be overridden, although, I could maybe create a partial class to hold this single property.

PinnyM Over a year ago

See stackoverflow.com/questions/2105580/… and ryanhayes.net/blog/… for a way to do this using a partial class and metadata class.

Max Over a year ago

add the attribute ApplyFormatInEditMode to the dataAnnotations of the first solution: [DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:dd/mm/yyyy}")]

Curtis · Accepted Answer · 2021-08-06 21:47:09Z

1

For me I was able to do something similar to the above answer, but using "Value" attribute kept giving errors.

<td>
@item.DOB.ToShortDateString()
</td>

Other things to note: I'm using ASP.Net Core MVC with the .NET 5 framework so not sure how that's classified or called these days.

Hope this helps someone else coming across this issue later in the future.

answered Aug 6, 2021 at 21:47

Curtis

314 bronze badges

Collectives™ on Stack Overflow

ASP.Net MVC Razor Remove Time From DateTime Property

3 Answers 3

7 Comments

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

7 Comments

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related