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衝突？

回答

相關問題