Datetime field in MVC Entity Framework

Question

I have generated Controller and View using add scaffolding in Visual Studio 2017, but the datetime input field need to enter the date time manually instead of datetime picker. I have tried several ways but still not able to implement datetime picker.

    [DataType(DataType.DateTime)]
    public DateTime EnrollmentDate { get; set; }

The datetime can be selected when I added

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

but I need hour and minutes as well but this is not working.

    [DisplayFormat(DataFormatString = "{0:yyyy-MM-dd-hh-mm-tt}", ApplyFormatInEditMode = true)]

Possible duplicate of Display DateTime value in dd/mm/yyyy format in Asp.NET MVC — Aswin
– Aswin, Commented Apr 11, 2018 at 4:40

Sweta Nair · Accepted Answer · 2018-04-11 05:36:52Z

2

DateTime picker can be implemented using jQuery's date time picker. Or if you want an inbuilt MVC datetime picker, modify your code as :

Field:

   [DataType(DataType.Date)]
   public DateTime EnrollmentDate { get; set; }

and then in view

  <div class="form-group">
            @Html.LabelFor(model => model.EnrollmentDate , htmlAttributes: new {@class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.EnrollmentDate , new {htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.EnrollmentDate , "", new { @class = "text-danger" })
            </div>
        </div>

which will then render the date picker for you.

answered Apr 11, 2018 at 5:36

Sweta Nair

1466 bronze badges

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

1 Comment

psps Over a year ago

I was trying to select date and time but I think jQuery does not have datetime picker so I just use date picker

Possam · Accepted Answer · 2020-01-21 02:08:08Z

0

I believe what you're looking for is this

[DisplayFormat(DataFormatString = "{0:yyyy-MM-ddThh:mm}", ApplyFormatInEditMode = true)]

Note the capital T

Produces 20/01/2020 12:04 PM

answered Jan 21, 2020 at 2:08

Possam

3861 gold badge4 silver badges20 bronze badges

Collectives™ on Stack Overflow

Datetime field in MVC Entity Framework

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related