DataTables - datepicker冲突？

首先，我比开发者更少。我使用Laravel 5.4，在主模板，我有以下脚本夹杂物：DataTables - datepicker冲突？

<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();

我得到这个错误在浏览器控制台和数据表不工作了：

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();

比数据表工作，但没有更多的日期选择器

谢谢您的时间，

拉杜Cruceana :)

来源

2017-10-09 Radu

尝试'的jQuery（＃.. 。）。datePicker' – Rajesh

你能向我们展示你的第28行的scripts.js吗？ – davidchoo12

谢谢主席先生，我想我已经得到了它！数据表的脚本应该包括前引导日期选择器对我来说，正确的顺序是：

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

但我仍然不知道为什么会这样:)

来源

2017-10-09 10:54:35 Radu

我这样做其中工程。但是，您可以张贴脚本文件的内容，大概可能在调试帮助

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

来源

2017-10-09 10:47:58

谢谢你的父亲，但实际上不工作，这样就像没有引导日期选择器扩展名的普通日期输入一样。 – Radu

DataTables - datepicker冲突？

回答

相关问题