Librairies nécessaires pour datetimepicker

Bonjour,

Pourriez-vous m'indiquer quelles sont les librairies à charger ou à référencer pour utiliser datetimepicker?

Merci d'avance!

https://www.google.com/search?q=datetimepicker


google est parfois notre meilleur amis :google2:

C'est ce que j'ai fait, mais sans succès

Bonjour,

il faut faire comme ça :

Code:

---

...

---

????????????????????

Il me semblait que :

""Pose ta question, tu seras idiot une seconde. Ne la pose pas, tu seras idiot toute ta vie."
Albert Einstein (1879-1955)."

Ce pourquoi, après avoir fait énormément de recherches mais n'arrivant pas à mes fins, je me suis permis de poser ma question...

J'avais déjà testé avec la documentation trouvée sur https://eonasdan.github.io/bootstrap-datetimepicker/ en ajoutant, pour essai ceci dans mon template :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14

<div class="container"> <div class="row"> <div class='col-sm-6'> <div class="form-group"> <div class='input-group date' id='datetimepicker1'> <input type='text' class="form-control" /> <span class="input-group-addon"> <span class="glyphicon glyphicon-calendar"></span> </span> </div> </div> </div> </div> </div>

---

Selon moi, ce serait donc dû au fait que la librairie datetimepicker serait inconnue de mon template et de mon fichier js, mais depuis plus de 3 jours de recherches, je n'ai toujours pas trouvé une méthode qui faonctionnait dans mon projet.

Et ceci dans le fichier js lié à ce template :

Code:

---

1 2 3

$(function () { $('#datetimepicker1').datetimepicker(); });

---

Cependant, j'ai obtenu cette erreur :

Pièce jointe 436201

Ah, mais ça va tout de suite mieux avec du code, et un lien, non ?

As-tu lu l'installation ?

Où et comment as-tu déclaré les fichiers (.js) nécessaires ?

J'ai refais une installation en faisant :

Code:

---

yarn add eonasdan-bootstrap-datetimepicker#latest --save

---

. Apparemment, Bower, préconisé dans la documentation, est déprécié.

Ensuite, dans mon template de base (base.html.twig), comme indiqué dans la documentation, j'ai inclus ceci avant la balise </body> :

Code:

---

1 2 3 4 5 6 7 8 9 10 11

{% block javascripts %} {{ encore_entry_script_tags ( 'app' ) }}   <!-- Renders app.js & a webpack runtime.js file <script src="/build/runtime.js"></script> <script src="/build/app.js"></script> --> <script type="text/javascript" src="/bower_components/jquery/jquery.min.js"></script> <script type="text/javascript" src="/bower_components/moment/min/moment.min.js"></script> <script type="text/javascript" src="/bower_components/bootstrap/dist/js/bootstrap.min.js"></script> <script type="text/javascript" src="/bower_components/eonasdan-bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js"></script> {% endblock %}

---

Ce qui m'étonne, c'est que je ne trouve pas de répertoire "/bower_components/" dans mon projet. D'ailleurs, lorsque dans mon VisualStudio Code, lorsque je clique sur le lien ""/bower_components/jquery/jquery.min.js", j'ai le message d'erreur suivant :

Pièce jointe 436295