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不工作在我的代码任何？

回答

相关问题