DateTime選擇器拒絕顯示

Question

嗨，我是MVC的新手，我有一個輸入框，用戶必須輸入日期。出於某種原因，我的日期時間選擇器不顯示，我不得不手動輸入日期。我已經在佈局頁面中聲明瞭所有的腳本文件。我錯過了什麼嗎？

這是我的顯示

這是我爲我的視圖代碼

  <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> 

Answer 1

我假設你有一個編輯模板設置爲任何類型model.order_preffered_date是（ DateTime可能） - 視圖/共享/ EditorTemplates/DateTime.cshtml - 包含您的datepicker標記？

（順便說一下它的「首選」，而不是「參訪」 - 對不起，是迂腐，但Thrupps會感謝你的:)）

後續：如果你不希望使用的特定的編輯器模板您自己的，然後確保它刪除（因此使用默認設置），然後下面的清單，你應該弄清楚：

在頁面上宣佈
1. 引導日期選擇器CSS & JS文件（你已經提到你這樣做 - 我認爲jQuery已經存在）

2. datepicker elem ent在document.ready函數中初始化，例如，

   $(function() { 
       ... 
       $('.datepicker').datepicker(); 
       ... 
   }); 
   

3. 如果仍然沒有幫助，則確保您的模型屬性裝飾用適當的數據類型：

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