如何在 DateTime EditorFor 中设置默认日期的值

Question

I have tried different approach to make a dateTime text box, this is the one that works, but the problem is I cannot set a default date.

Here's what I am working on:

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

Then I set the date today, DateTime.Now like this model.NotifyDate = DateTime.Now;

It doesn't set the date. However, if I remove [DataType(DataType.Date)] from the model I will get:

I will get the date, but the calendar is gone. What's the problem? Or am I using the datepicker wrong?

Here's my view:

@Html.EditorFor(m => m.NotifyDate, new { htmlAttributes = new { @class = "form-control input-sm" } })

Answer 1

You were on the right track! Defaults such as this should be set in the ViewModel
(as it appears you're doing w/ model.NotifyDate = DateTime.Now; )

The problem here appears to be that the browser is expecting the value for the generated html input element to be formatted differently -- namely, yyyy-MM-dd vs yyyy/MM/dd .
(note the use of - vs / )

In order for the browser to correctly display the date, the value must be formatted as 2019-09-23 .

ex:

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

Here is a great answer to a similar question that should shed some more light on what's going on as well.

Answer 2

Since Browser is expecting the value for the generated HTML input, you either need to provide value with client-side javascript(or clientside datepicker) or bind the value to Model. You can bind the value to model and pass to view from the controller as follows.

public async Task<ActionResult> Create()
    {
         var dateInfo = new DateInfo()
            {
                StartDate = DateTime.Now
            };
            return View(dateInfo);
    }

Or You can assign value from client side. jQuiery Ui is simple and easy to implement. You can Visit .

Answer 3

You should try this datepicker in js.

$('.date').datepicker({
            format: "dd.mm.yyyy",
            weekStart: 1,
            clearBtn: true,
            todayBtn: "linked",
            language: "tr",
            startDate: new Date(),
            autoclose: true
        });