文章/答案/技术大牛

发布

社区首页 >问答首页 >DataTables -数据交换冲突？

问DataTables -数据交换冲突？
EN

Stack Overflow用户

提问于 2017-10-09 10:15:30

回答 2查看 2.1K关注 0票数 0

首先，我还不是开发方面的初学者。我使用的是Laravel5.4，在主模板中，我有以下脚本包含：

<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/js/bootstrap-datepicker.min.js"></script>
<script src="js\DataTables-1.10.15\DataTables.js"></script>
<script src="js\bootstrap-dropdownhover.min.js"></script>
<script src="js\scripts.js"></script>
<script src="js\SweetAlert\sweetalert.min.js"></script>
In html view:
<form>
....
 <input  id="dataFabricatiei" name="dataFabricatiei" type="date"/>
....
</form>

在scripts.js中

$('#dataFabricatiei').datepicker();

我在浏览器控制台中遇到了这个错误，DataTables不再工作了：

scripts.js:28 Uncaught TypeError: $(...).datepicker is not a function
    at HTMLDocument.<anonymous> (scripts.js:28)
    at fire (DataTables.js:3244)
    at Object.fireWith [as resolveWith] (DataTables.js:3374)
    at Function.ready (DataTables.js:3594)
    at HTMLDocument.completed (DataTables.js:3629)
(anonymous) @ scripts.js:28
fire @ DataTables.js:3244
fireWith @ DataTables.js:3374
ready @ DataTables.js:3594
completed @ DataTables.js:3629

如果我把线移开

$('#dataFabricatiei').datepicker();

比DataTables工作，但没有更多的数据报警器

谢谢您抽时间见我,

( Radu Cruceana :)

twitter-bootstrap-3

javascript

jquery

laravel-5

回答 2

Stack Overflow用户

回答已采纳

发布于 2017-10-09 10:54:35

谢谢，先生，我想我搞定了！DataTables脚本应该包含在引导日期选择器之前，对我来说正确的顺序是：

<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="js\DataTables-1.10.15\DataTables.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/js/bootstrap-datepicker.min.js"></script>
<script src="js\bootstrap-dropdownhover.min.js"></script>
<script src="js\scripts.js"></script>
<script src="js\SweetAlert\sweetalert.min.js"></script>

但我还是不知道为什么是这样的:)

票数 1

Stack Overflow用户

发布于 2017-10-09 10:47:58

我做的这件事很管用。但是，您是否可以发布脚本文件的内容，这可能有助于调试。

<html>
<head></head>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/js/bootstrap-datepicker.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>
<script>
$('#dataFabricatiei').datepicker();
</script>
<body>
 <input  id="dataFabricatiei" name="dataFabricatiei" type="date"/>
</body>
</html>

https://jsfiddle.net/L631vreo/1/

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/46644047

复制

相似问题

问DataTables -数据交换冲突？
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问DataTables -数据交换冲突？EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问DataTables -数据交换冲突？
EN