DataTables - datepickerが競合していますか？

まず最初に私は開発者の初心者ではありません。私は、マスターテンプレートで、Laravel 5.4使用している私は、次のスクリプトの介在物があります。scripts.jsDataTables - datepickerが競合していますか？

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

私は、ブラウザのコンソールでこのエラーを取得し、DataTableのはもう働かないで

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

DataTableは仕事よりも

が、これ以上の日付ピッカー

ラドゥCruceana 、お時間をいただき、ありがとうございます:)

出典

2017-10-09 Radu

は、＃（ 'jQueryのを試してみてください。.. 。）。datePicker' – Rajesh

28行目にscripts.jsを表示できますか？ – davidchoo12

のデバッグに役立つかもしれない、スクリプトファイルの内容を投稿できる、私はそれを持っていると思う、あなたの先生ありがとうございました！のDataTableスクリプトが正しい順序である私にとって、ブートストラップ日付ピッカーの前に含まれるべきである。

<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

あなたにはおめかしがありますが、実際には動作していません。この方法では、ブートストラップのdatepicker拡張なしの通常の日付入力のように動作します。 – Radu

DataTables - datepickerが競合していますか？

答えて

関連する問題