Discussion :

[vanessa_asse]

Bonjour,

Dans le cadre d'un formulaire en ligne, je dois afficher un calendrier pour choisir une date de visite. Pour faciliter cela, j'ai installé Bootstrap Datepicker.
J'ai téléchargé le fichier, je l'ai installé dans mon répertoire "Web" puis j'ai appelé le fichier en français dans mon layout :

Code :

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

<script src="{{ asset('assets/bootstrap-datepicker-master/js/locales/bootstrap-datepicker.fr.js') }}"></script>

En lisant la documentation, j'ai compris qu'il fallait ajouter un bout de script dans la vue. Du coup, dans la vue concernée par ce champs date, j'ai ajouté ce morceau de code :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<script>
            $(document).ready(function() {
                $.fn.datepicker.defaults.format = "mm/dd/yyyy";
                $('.datepicker').datepicker({
                    autoclose: 'true',
                    daysOfWeekDisabled: '2',
                    todayHighlight: 'true',
                });
            });
 
        </script>

En parallèle, dans mon formulaire, j'ai ajouté quelques lignes pour appeler cette fonction js :

Code :

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

1
2
3
4
5
6
7
8
9
public function buildForm(FormBuilderInterface $builder, array $options)
    {
        $builder->add('visitDate', DateType::class, array(
            'label' => 'Date de votre visite :',
            'widget' => 'single_text',
            'attr' => ['class' => 'datepicker'],
            'required' => true
            )
        )

Pour autant, je ne comprends pas pourquoi, je n'arrive pas du tout à modifier le calendrier. Exemple : je voulais par exemple exclure le mardi de ce calendrier pour que l'on ne puisse pas réserver une commande sur ce jour, je devrais ajouter ceci dans la fonction js ci-dessous :

Code :

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

daysOfWeekDisabled: '2'

J'ai beau essayé, cela ne fonctionne pas. Comme ci j'avais oublié de paramétrer quelques chose soit dans mon layout, soit dans le controller.

Si vous avez une idée pour m'aider à débloquer cela, je suis preneuse à 400%.
Merci d'avance,
Vanessa

[jfsenechal]

Ton calendrier s'affiche bien ?

après ton true, il y a une "," qui sert à rien javascript n'aime pas ça

tu as la dernière version de bootstrap-datepicker car cette option n'existait pas avant