Discussion :

[dubitoph]

Bonjour,

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

Merci d'avance!

[JeromeDz]

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


google est parfois notre meilleur amis

[dubitoph]

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

[Invité]

Bonjour,

il faut faire comme ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

...

[dubitoph]

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

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

[dubitoph]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Cependant, j'ai obtenu cette erreur :

[Invité]

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 ?

[dubitoph]

J'ai refais une installation en faisant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :