Discussion :

[magicbisous-nours]

Bonjour,
J'ai créé un formulaire comme suit :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
public function buildForm(FormBuilder $builder, array $options) {
        $builder->add('ufo_date_naissance', 'date', array('widget' => 'single_text',
                                                          'input'  => 'datetime',
                                                          'format' => 'dd/MM/yyyy',
                                                          'attr'   => array('class' => 'inputText')))
                ->add('ufo_ref_locataire', null, array('attr' => array('class' => 'inputText')))
                ->add('ufo_tel_portable', null, array('attr' => array('class' => 'inputText')))
                ->add('ufo_tel_domicil', null, array('attr' => array('class' => 'inputText')))
                ->add('ufo_tpc_id', 'entity', array('class' => 'BEL\FrontOfficeBundle\Entity\Type_contact_privilegie'))
                ->add('ufo_log_id', new LogementType)
        ;
    }

et lorsque dans mon template twig je mets :

Code :

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

1
2
3
$(document).ready(function() {
            $('#fos_user_registration_form_user_fo_ufo_date_naissance').datepicker({ "dateFormat" : "dd/mm/yy" }); 
        });

rien ne se passe : je n'ai pas d'image de calendrier à côté de mon champ (je me suis servi de firebug pour récupérer l'ID) et je n'ai pas non plus d'erreur dans la console de firebug me disant qu'il ne connaît pas datepicker (ce qui me laisse supposer que jquery-ui est chargé).

Chose étrange, lorsque que j'enlève le 'widget' => 'single_text' dans mon formulaire, les select avec les différents composants de la date apparaissent AINSI QUE le calendrier jquery-ui (qui n'est pas caché et qui cache en partie les select).

Quelqu'un saurait comment je peux faire pour avoir un datepicker normal sur un champ texte (que je passerai en read-only dès qu'il fonctionnera) ?

Merci d'avance

[EDIT] Avec cette configuration cela marche (presque) bien : en effet dès que le champ a le focus, le calendrier s'affiche bien. En revanche je n'ai pas la petite image de calendrier qui permet de cliquer dessus pour que le calendrier s'affiche (et cela m'empêche donc de mettre mon champ en read-only pour interdire à l'utilisateur de mettre n'importe quoi). Quelqu'un saurait comment avoir cette image ?

[Avrel]

Code :

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

1
2
3
4
5
6
7
8
9
10
 
<script>
	$(function() {
		$( "#datepicker" ).datepicker({
			showOn: "button",
			buttonImage: "images/calendar.gif",
			buttonImageOnly: true
		});
	});
	</script>

source : http://jqueryui.com/demos/datepicker/#icon-trigger

[magicbisous-nours]

Super merci ça fonctionne !!