Динамическое поле DateTime не работает должным образом

Question

Я застрял на этом в течение часа.

У меня динамичная форма. Который работает нормально при добавлении новых элементов,

Но я пытаюсь представить форму для редактирования я получаю проверки на стороне клиента для DateTime:

Это HTML:

using (Html.BeginCollectionItem("ValidDates")) 
{ 
    <div class="row mt-10"> 
     @Html.HiddenFor(m => m.Id) 
     @Html.HiddenFor(m => m.IsDeleted, new { data_is_deleted = "false" }) 
     <div class="col-md-5"> 
      @Html.TextBoxFor(m => m.ValidFrom, new { @Value = Model.ValidFrom.ToString("dd/MM/yyyy"), @class = "form-control dateTimePicker" }) 
      @Html.ValidationMessageFor(m => m.ValidFrom) 
     </div> 
     <div class="col-md-5"> 
      @Html.TextBoxFor(m => m.ValidTo, new { @Value = Model.ValidFrom.ToString("dd/MM/yyyy"), @class = "form-control dateTimePicker" }) 
      @Html.ValidationMessageFor(m => m.ValidTo) 
     </div> 
     <div class="col-md-1"> 
      @Html.CheckBoxFor(m => m.Enabled) 
     </div> 
     <div class="col-md-1"> 
      <span class="glyphicon glyphicon-trash" data-action="removeItem" title="remove" style="cursor:pointer"></span> 
     </div> 
    </div> 
} 

И это Модель:

public class BucketValidDates : BaseEntity 
{ 
    [DisplayFormat(DataFormatString = "{0:yyyy-MM-dd}", ApplyFormatInEditMode = true)] 
    public DateTime ValidFrom { get; set; } 

    [DisplayFormat(DataFormatString = "{0:yyyy-MM-dd}", ApplyFormatInEditMode = true)] 
    public DateTime ValidTo { get; set; } 

    public bool Enabled { get; set; } 

    public virtual Bucket Bucket { get; set; } 

    [NotMapped] 
    public bool IsDeleted { get; set; } 
} 

У меня даже tr с использованием EditorFor (Это работает, когда я отправляю обратно, но DateFormat не подходит).

using (Html.BeginCollectionItem("ValidDates")) 
{ 
    <div class="row mt-10"> 
     @Html.HiddenFor(m => m.Id) 
     @Html.HiddenFor(m => m.IsDeleted, new { data_is_deleted = "false" }) 
     <div class="col-md-5"> 
      @Html.EditorFor(m => m.ValidFrom, new { @class = "form-control" }) 
      @Html.ValidationMessageFor(m => m.ValidFrom) 
     </div> 
     <div class="col-md-5"> 
      @Html.EditorFor(m => m.ValidTo, new { @class = "form-control" }) 
      @Html.ValidationMessageFor(m => m.ValidTo) 
     </div> 
     <div class="col-md-1"> 
      @Html.CheckBoxFor(m => m.Enabled) 
     </div> 
     <div class="col-md-1"> 
      <span class="glyphicon glyphicon-trash" data-action="removeItem" title="remove" style="cursor:pointer"></span> 
     </div> 
    </div> 
} 

Я попытался изменить формат в модели для {0: дд/мм/гггг}

Мне нужен формат быть: day/Month/Year Но как вы можете видеть на картинке ниже, что формат является Year/Month/day

DatePicker для этого проекта является: http://eonasdan.github.io/bootstrap-datetimepicker/

С этим связано это событие?

Answer 1

Я нашел решение, которое, кажется, работает в настоящее время:

public class BucketValidDates : BaseEntity 
    { 
     public DateTime ValidFrom { get; set; } 

     public DateTime ValidTo { get; set; } 

     public bool Enabled { get; set; } 

     public virtual Bucket Bucket { get; set; } 

     [NotMapped] 
     public bool IsDeleted { get; set; } 
    } 

HTML:

using (Html.BeginCollectionItem("ValidDates")) 
{ 
    <div class="row mt-10"> 
     @Html.HiddenFor(m => m.Id) 
     @Html.HiddenFor(m => m.IsDeleted, new { data_is_deleted = "false" }) 
     <div class="col-md-5"> 
      @Html.TextBoxFor(m => m.ValidFrom, new { @class = "form-control dateTimePicker", type = "text", data_val = "false" }) 
      @Html.ValidationMessageFor(m => m.ValidFrom) 
     </div> 
     <div class="col-md-5"> 
      @Html.TextBoxFor(m => m.ValidTo, new { @class = "form-control dateTimePicker", type = "text", data_val = "false" }) 
      @Html.ValidationMessageFor(m => m.ValidTo) 
     </div> 
     <div class="col-md-1"> 
      @Html.CheckBoxFor(m => m.Enabled) 
     </div> 
     <div class="col-md-1"> 
      <span class="glyphicon glyphicon-trash" data-action="removeItem" title="remove" style="cursor:pointer"></span> 
     </div> 
    </div> 
} 

JQuery для активации DateTimePicker:

<script type="text/javascript"> 

    $(function() { 
     $('.dateTimePicker').datetimepicker({ 
      format: 'DD/MM/YYYY' 
     }); 
    }); 

</script>