Bootstrap Datepicker - ASP的NET MVC不工作在我的代碼任何？

這是我有問題，NewspostedDate頁面Bootstrap Datepicker - ASP的NET MVC不工作在我的代碼任何？

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

來源

2017-04-20 Muamar Jasim

而不是Editorfor你可以使用TextBoxfor。

試試這個

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

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

注：好方法首先加載你的CSS文件，然後加載使用Javascript/jQuery的。因爲用戶首先看到你的用戶界面，然後用你的UI交互

來源

2017-04-21 11:29:57

謝謝阿西夫·拉扎您的評論幫助我，讓我第一次加載CSS文件中的主佈局頁面，然後在此頁面加載的JavaScript –

#lovetohelpOthers –

如果您的問題解決了，你可以標記答案，或者接受答案。 –

看起來你Editorfor缺少類「NewsPostedDate」或者你的意思是直接引用元素，以便它應該是：

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

注意＃而不是。

來源

2017-04-21 00:08:03 Simon

Bootstrap Datepicker - ASP的NET MVC不工作在我的代碼任何？

回答

相關問題