Дата не установлена ​​в DateTime Picker в Asp.net MVC - PullRequest
Новая
       33

Дата не установлена ​​в DateTime Picker в Asp.net MVC

2 голосов
/ 02 апреля 2019

У меня есть одна форма редактирования, щелчок по сетке, все значения назначены соответствующим полям, У меня есть одно поле, которое является DOB, и я пытаюсь назначить DOB в DatePicker, но DOB не присваивает в DatePicker & где я иду неправильно, что я не могу понять

Я работаю с Asp.net MVC, используя c #

Сценарии 

<script type="text/javascript" src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/js/bootstrap.min.js'></script>
<link rel="stylesheet" href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/css/bootstrap.min.css'
      media="screen"/>
<!-- Bootstrap -->
<!-- Bootstrap DatePicker -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/css/bootstrap-datepicker.css"type="text/css"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.js"type="text/javascript"></script>

код 

<div class="row">
    <div class="form-group">
        @Html.LabelFor(model => model.DOB)
        @Html.TextBoxFor(model => model.DOB, new { @class = "form-control", @autocomplete = "off", @id = "SelectedDate" })
    </div>
</div>

JavaScript 

 $(function () {
    $("#SelectedDate").datepicker({ dateFormat: 'dd/mm/yy' });
});

enter image description here

Пожалуйста, дайте мне знать.

1 Ответ

5 голосов
/ 02 апреля 2019

Изменение в html,

код 

<div class="form-group">
        @Html.LabelFor(model => model.DOB)                                       
        @Html.EditorFor(model => model.DOB, new { htmlAttributes = new { @class = "form-control" } })
        @Html.ValidationMessageFor(model => model.DOB, "", new { @class = "text-danger" })
     </div>

Модель 

    [DisplayName("Birth Date")]
    [DataType(DataType.Date)]
    [DisplayFormat(DataFormatString = "{0:yyyy-MM-dd}", ApplyFormatInEditMode = true)]
    public DateTime DOB { get; set; }

Чтобы отобразить дату, используя хром-указатель даты по умолчанию, вам нужно два атрибута вашей модели:

  1. [DataType (DataType.Date)] приводит к
  2. [DisplayFormat (DataFormatString = "{0: гггг-ММ-дд}", ApplyFormatInEditMode = true)]. Для выбора даты хрома требуется формат yyyy-MM-dd

Спасибо

...