How to format dates in MVC 5 Razor

Question

I have a table in my razor code that loops through all of the items in the model and creates a table row for each item. I'm trying to figure out how to format the date to MM/dd/yyyy instead of the default "MM/dd/yyyy HH:mm:ss" format.

<table class="table-condensed">
    <thead>
        <tr>
            <th>Company</th>
            <th>Contract No</th>
            <th>Description</th>
            <th>Expires</th>
        </tr>
    </thead>
    <tbody>
        @foreach (var item in Model)
        {
            <tr>
                <td>@Html.ActionLink(@item.CompanyName, "ViewContract", new { contractID = @item.ID }) </td>
                <td width="200">@item.ContractNumber</td>
                <td>@item.Description</td>
                <td>@item.ExpireDate</td>
            </tr>
            }
    </tbody>    
</table>

I have tried @item.ExpireDate.ToString("MM/dd/yyyy") but it throws an error saying that .ToString does not take an argument.

Yes. Additionally I'm using the MVCPagedList NuGet package which requires your model to be passed as a PagedList which is why I'm unable to use an HTML helper — Snicklefritz
– Snicklefritz, Commented Jan 3, 2017 at 23:00

jimSampica · Accepted Answer · 2017-01-04 05:13:12Z

10

If you're using c# 6 features you can use a null-conditional.

@(item.ExpireDate?.ToString("MM/dd/yyyy"))

answered Jan 4, 2017 at 5:13

jimSampica

12.5k3 gold badges69 silver badges87 bronze badges

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

Comments

Snicklefritz · Accepted Answer · 2017-01-03 23:14:00Z

I am using the PagedList NuGet package which makes the Html helper calls a little different. I was able to format the date by specifying the date format in the data model constructor and then using the display helper.

In the data model:

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

In the razor:

<table class="table-condensed">
    <thead>
        <tr>
            <th>Company</th>
            <th>Contract No</th>
            <th>Description</th>
            <th>Expires</th>
        </tr>
    </thead>
    <tbody>
        @foreach (var item in Model)
        {
            <tr>
                <td>@Html.ActionLink(@item.CompanyName, "ViewContract", new { contractID = @item.ID }) </td>
                <td width="200">@item.ContractNumber</td>
                <td>@item.Description</td>
                <td>@Html.DisplayFor(modelItem => item.ExpireDate)<td>
            </tr>
            }
    </tbody>     </table>

joey8oro · Accepted Answer · 2019-07-22 15:56:36Z

0

You can also now use

@item.ExpireDate?.ToShortDateString() which converts a DateTime value to the "M/d/yyyy" date format

answered Jul 22, 2019 at 15:56

joey8oro

971 gold badge3 silver badges15 bronze badges

2 Comments

cdonner Over a year ago

- error: Operator '?' cannot be applied to operand of type 'DateTime' ?

dotnetdevcsharp Over a year ago

C# 6 feature ? @cdonner

Collectives™ on Stack Overflow

How to format dates in MVC 5 Razor

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related