Bootstrap Datepicker - ASP NET MVC自分のコードでは動作しません。

Question

この私がNewspostedDateに問題があるしているページ

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

jQueryと

</div> 
     <script src="~/Scripts/jquery-1.10.2.min.js"></script> 
     <script src="~/Scripts/jquery.validate.min.js"></script> 
     <script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script> 
     <script src="~/Scripts/moment.js"></script> 
     <script src="~/Scripts/bootstrap.min.js"></script> 
     <script src="~/Scripts/bootstrap-datetimepicker.min.js"></script> 
     <link href="~/Content/bootstrap.min.css" rel="stylesheet" /> 
     <link href="~/Content/bootstrap-datetimepicker.min.css" rel="stylesheet" /> 

     <script type="text/javascript"> 

      $(document).ready(function() { 
       jQuery('.NewsPostedDate').datetimepicker({ format: 'DD/MM/YYYY' }); 

       }); 
      }); 
     </script> 
    </body> 

    </html> 

Answer 1

Editorforの代わりにTextBoxforを使用できます。あなたがファイルをCSS 良いアプローチ最初のロード、そしてジャバスクリプト/ jqueryのをロード：

この

@Html.TextBoxFor(m => m.NewsPostedDate, new { @class = "form-control date-picker" }) 

    $('.date-picker').datepicker({ format: "yyyy/mm/dd", autoclose: true }) 

注意をしてみてください。ユーザーが最初にUIを見てからあなたのUIとやりとりする

Answer 2

あなたEditorforように見えるクラス「NewsPostedDate」または多分あなたはその要素を直接参照する意味が含まれていませんそれはでなければなりません：

jQuery('#NewsPostedDate').datetimepicker({ format: 'DD/MM/YYYY' }); 

に注意してください。