DataTables - Conflit datepicker?

Tout d'abord je suis moins que débutant sur le dev. J'utilise Laravel 5.4, dans le modèle maître que j'ai les inclusions de scripts suivants:DataTables - Conflit 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>

Dans scripts.js

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

Je reçois cette erreur dans console de navigateur et DataTables ne fonctionne plus :

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

Si je supprime la ligne

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

que DataTables travail, mais pas plus datepicker

Merci pour votre temps,

Radu Cruceana :)

Source

2017-10-09 Radu

'Essayez jQuery (# .. .). datePicker' – Rajesh

pouvez-vous nous montrer votre scripts.js autour de la ligne 28? – davidchoo12

Merci monsieur, Je pense que je l'ai! script DataTables doit être inclus avant Bootstrap dattier Pour moi, l'ordre est le suivant:

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

Mais je ne sais toujours pas pourquoi est-ce comme ça :)

Source

2017-10-09 10:54:35 Radu

Je l'ai fait ce qui fonctionne. Cependant, pourriez-vous poster le contenu du fichier de script, sans doute qui pourrait aider dans le débogage

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

Source

2017-10-09 10:47:58

Merci père mais ne fonctionne pas réellement, de cette façon agit comme une entrée de date normale sans bootstrap extension de datepicker. – Radu

DataTables - Conflit datepicker?

Répondre

Questions connexes