2015-08-29 2 views
1

Привет Я новичок в MVC, и у меня есть поле ввода, где пользователь должен ввести дату. По какой-то причине мой выбор времени не отображается, и мне нужно вручную ввести дату. Я объявил все файлы сценариев на моей странице макета. Я что-то упускаю?DateTime picker отказывается отображать

Это мой дисплей

enter image description here

Это мой код для моего зрения

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

        @Html.EditorFor(model => model.order_preffered_date, new { htmlAttributes = new { @class = "form-control datepicker" } }) 


        @Html.ValidationMessageFor(model => model.order_preffered_date, "", new { @class = "text-danger" }) 
       </div> 
      </div> 
+0

ли это совокупность коды вида? Обычно есть несколько jquery $ ('datepicker'). Datepicker(); код на странице (или в главном). – StingyJack

ответ

3

Я предполагаю, что у вас есть шаблон редактора настроить для любого типа model.order_preffered_date есть (Вероятно, DateTime) - Views/Shared/EditorTemplates/DateTime.cshtml - содержит вашу метку datepicker?

(BTW это «предпочтительным», а не «предпочитали» - извините быть педантичным, но Thrupps будет спасибо :))

Последующие меры: Если вы не хотите использовать определенный шаблон редактор вашего самостоятельно, то убедитесь, что он удаляется (поэтому используется по умолчанию), а затем следующий перечень должен сортировать вас:

  1. Bootstrap DatePicker CSS & JS файл объявлен на странице (вы уже упоминали, что вы сделали это - Я предполагаю, что jQuery уже присутствует)
  2. Элемент datepicker elem ent инициализируется в функции document.ready где-то, например.

    $(function() { 
        ... 
        $('.datepicker').datepicker(); 
        ... 
    }); 
    
  3. Если это все еще не помогает, то обеспечить вашу собственность модели декорирована соответствующим образом с ТипДанным:

    [DataType(DataType.Date)] 
    public DateTime order_preffered_date {get;set;} 
    
+0

Я добавил шаблон редактора, но еще не выбрал дату :( –

+0

Привет, где я могу найти CSS и JS-файл для точки 1 и 2, где я получу код для этого? –

+0

Спасибо, что сработали :) –