HTML 5 Входная дата не показывает указанное значение

Question

NET Core ** проект и на одной из моих страниц для редактирования записи <input type="date"> не показывает мне значение, которое я передаю при создании представления в Razor.

Это мой код бритвы:

<div class="input-group">
    <div class="input-group-prepend">
        <i class="input-group-text fa fa-user"></i>
    </div>
    @Html.TextBoxFor(model => model.NewPriceList.PriceFrom, 
                     new { @class = "form-control", @type = "date", 
                           @Value = Model.NewPriceList.PriceFrom })
</div>

И это то, что я вижу в инструменте разработчика Google Chrome, который был создан как HTML

<input class="form-control" data-val="true" 
       data-val-required="The Obwiązuje od field is required." 
       name="NewPriceList.PriceFrom" type="date" 
       value="2/15/2019 12:00:00 AM">

Но по какой-то причине он не отображается правильно, и вот что я получаю:

Answer 1

Вам необходимо указать формат rfc3339

@Html.TextBoxFor(
    model => model.NewPriceList.PriceFrom , 
    <b>"{0:yyyy-MM-dd}",</b>
    new { 
        @type= "date",
        @class = "form-control"
        @value = Model.NewPriceList.PriceFrom
    }
)

Или, если вы просто хотите использовать модель для визуализации значения, вам не нужно указывать @value=:

@Html.TextBoxFor(
    model => model.NewPriceList.PriceFrom , 
    <b>"{0:yyyy-MM-dd}",</b>
    new { 
        @type= "date",
        @class = "form-control"
    }
)

Или просто используйте InputTagHelper:

<input asp-for="NewPriceList.PriceFrom" class = "form-control" >

InputTagHelper автоматически выберет правильный формат для вас, если вы используете [DataType(DataType.Date)] атрибут аннотации.

Answer 2

Отформатируйте дату в ShortDate. DateControl не любит время суток:

<input class="form-control" data-val="true"
       data-val-required="The Obwiązuje od field is required."
       name="NewPriceList.PriceFrom" type="date"
       value=@DateTime.Now.ToShortDateString()>