Problème datetimepicker sur Symfony

Résolu/Fermé
Pépito - Modifié par Pépito le 3/08/2016 à 11:15
 Utilisateur anonyme - 9 août 2016 à 19:18
Bonjour,

Je rencontre un problème avec mon datetimepicker sous Symfony.

J'ai déclaré dans mon form type mon champ en TextType, j'ai insérer mes liens, mis mon script JS mais rien de fonctionne :/

Code JS :
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.1/locales/bootstrap-datepicker.fr.min.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $('.datepicker').datetimepicker({
            locale:'fr'
        });
    });
</script>


Code CSS:
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.1/css/bootstrap-datepicker3.css" rel="stylesheet" type="text/css" />



Mon champ du formulaire :
{{ form_row(form.passwordExpireAt, { 'attr': {'class': 'datepicker'}}) }}


J'aurai donc besoin de votre aide .. Merci d'avance

2 réponses

Utilisateur anonyme
3 août 2016 à 19:52
Salut,

pour un formulaire valide et des données exploitable par la suite, ton champs devrais être un datetime dans le formulaire et la base.


$builder->add(
                'passwordExpireAt',
                DateTimeType::class,
                [
                    'widget' => 'single_text',
                    'label' => 'truc',
                    'required' => true,
                    'format' => 'dd/MM/yyyy',
                    'html5' => false,
                    'attr' => [
                        'placeholder' => 'jj/mm/aaaa ex: 21/03/1980',
                    ],
                    'constraints' => [new DateTime()],
                ]
            )


Il faut regarder ta console js, si tu as pas des erreurs.
0
Salut,

J'ai rajouté ce que tu as mis. Tout cela a bien été pris en compte, en revanche le datetimepicker ne s'affiche pas. J'ai donc regardé la console et l'erreur suivante s'affiche : "Uncaught TypeError: $(...).datetimepicker is not a function" et j'ai une erreur sur le datetime picker de bootstrap.

As-tu une idée ? Je continue de chercher en attendant .. :/
0
Salut,

si tu utilise ce picker bootstrap, je pense que tu utilise bootstrap et jquery et que les scripts sont inclus comme il faut. si oui regarde les autres dépendances si elles sont présente :
https://eonasdan.github.io/bootstrap-datetimepicker/Installing/

si non règle ses dépendances. L"erreur "is not a function" survient souvent lorsque tu utilise un méthode inconnue (datetimepicker) car elle est mal orthographié (moi aussi 0 en orthomachin), ou n'existe pas car elle n'est pas incluse ou qu'elle n'est pas utilisable dans le contexte actuel.

le lien :
https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.1/locales/bootstrap-datepicker.fr.min.js

concerne juste les traductions

l'erreur semble être javascript !!!!
׺°"~'"°º×]|I{*------» LÖBÖTÖ «------*}I|[׺°"~'"°º×
0
C'est bon j'ai réussi, il me manquais les deux liens : suivants :

<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment-with-locales.js"></script>
<script type="text/javascript" src="{{ asset('public/metronic/assets/global/plugins/bootstrap/js/bootstrap-datetimepicker.min.js') }}"></script>


Si ça peut aider certains ... ;) Merci de ta réponse tout même lobotoFix !
0
Utilisateur anonyme
9 août 2016 à 19:18
de rien tout de même
0