使用js datepicker替换bootstrap datepicker时，Datepicker无法正常工作

当我使用jquery UI时，datepicker已经运行了。 但是用bootstarp datepicker替换它时却无法正常工作。 日期选择器已打开，但选择过程无效。 我也在使用bootstrap主题。 我是新手设计，如果我想添加任何文件，请指导我。

jquery文件

$(function(){ $('.showDateContainer').click(function(){ $('.showDateItem').datepicker({ onSelect: function(dateText) { } }); }); 

这是我添加的文件

 Html->script("bootstrap-3.3.7-dist/bootstrap.min.js") ?> Html->css('bootstrap-3.3.7-dist/bootstrap.min.css') ?> Html->script("bootstrap-datepicker-1.6.4-dist/bootstrap-datepicker.min.js") ?> Html->css('bootstrap-datepicker-1.6.4-dist/bootstrap-datepicker.min.css') ?> Html->script("jQuery/jQuery-2.1.4.min.js") ?> 

Answer 1

更改js文件的顺序。 jQuery-2.1.4.min.js应该是剩下的js文件的顶部

 Html->script("jQuery/jQuery-2.1.4.min.js") ?> Html->script("bootstrap-3.3.7-dist/bootstrap.min.js") ?> Html->script("bootstrap-datepicker-1.6.4-dist/bootstrap-datepicker.min.js") ?> Html->css('bootstrap-3.3.7-dist/bootstrap.min.css') ?> Html->css('bootstrap-datepicker-1.6.4-dist/bootstrap-datepicker.min.css') ?> 

Answer 2

好吧，在使用bootstrap datepicker创建示例时，我注意到库的顺序也很重要。

但是下面是jquery bootstrap datepicker -的工作代码bootstrap datepicker -

  $('#startDate').datetimepicker(); $("#startDate").on("dp.change",function (e) { console.log("Date Changed - " + e.date.toDate()); });