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

A voir également:

Datepicker symfony
Entitytype symfony - Forum PHP
Object of class datetime could not be converted to string symfony - Forum PHP
Symfony object not found by the @paramconverter annotation ✓ - Forum PHP
Le jeton csrf est invalide. veuillez renvoyer le formulaire. symfony - Forum PHP
Knp paginator symfony 6 ✓ - Forum Créer un site

2 réponses

Réponse 1 / 2

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.

Pépito
4 août 2016 à 10:10

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

Réponse 2 / 2

Utilisateur anonyme
Modifié par lobotoFix le 4/08/2016 à 19:10

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|[×º°"~'"°º×

Pépito
9 août 2016 à 09:17

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 !

Utilisateur anonyme
9 août 2016 à 19:18

de rien tout de même

Discussions similaires

Date picker en VBA

Symfony 5 Exception occured in driver: could not find driver

commande symphony dans cmd

Problème "The EntityManager is closed."

Peut-on convertir une datetime en string

Discussions similaires

Newsletters