Discussion :

[dubitoph]

Bonjour,

Dans un formulaire, j'utilise un champ de type DateType auquel j'ai lié un widget datePicker. Lorsque je soumet le formulaire j'ai l'erreur

This value is not valid.

au niveau du champ date.

Voici le champ dans mon formulaire :

Code :

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

1
2
 $builder
            ->add('manufactureDate', DateType::class, array('widget' => 'single_text', 'html5' => false, 'attr' => ['class' => 'js-datepicker'],));

Le code js du widget :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
$(document).ready(function() {
    $(".js-datepicker").datepicker({
                viewMode: "years",
                weekStart: 1,
                daysOfWeekHighlighted: "6,0",
                autoclose: true,
                todayHighlight: true,
                startDate: '-30y',
                endDate:'+0d'
            });
 
    $('.js-datepicker').datepicker("setDate", new Date());
});

Et le code dans mon entité :

Code :

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

1
2
3
4
    /**
     * @ORM\Column(type="datetime")
     */
    private $manufactureDate;

Quelqu'un aurait une idée?

Merci d'avance pour votre aide.

[Celira]

Question bête : quel est le format attendu par le serveur et quel est le format envoyé par le datepicker ?

[dubitoph]

Merci pour ton intervention. Apparemment, d'après ce que je peux lire (mais sans certitude), le format attendu par le serveur serait "Y-m-d h:i:s". Mais, même lorsque j'applique ce format au widget, ça ne change rien.

J'ai, pour essai, supprimé le widget et fais un var_dump() de ce qui est envoyé par le formulaire dans lequel j'avais encodé manuellement "01/01/2019" : j'ai obtenu ceci :

private 'vehicle' =>
object(App\Entity\Vehicle)[95]
private 'id' => null

Je dois avouer que ce problème me prends la tête depuis de longues heures

[Willy_k]

Salut,

le format par défaut pour un DateType dans ce cas est yyyy-MM-dd, donc si le datepicker envoie un format autre que ça il faudrait le préciser dans l'option "format" http://userguide.icu-project.org/for...-Format-Syntax

[dubitoph]

Merci beaucoup pour ton intérêt. J'avoue que ça me casse sévèrement la tête :-)

J'ai modifié le format de sortie du datepicker comme suit :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
$(document).ready(function() {
    $(".js-datepicker").datepicker({
                viewMode: "years",
                weekStart: 1,
                daysOfWeekHighlighted: "6,0",
                autoclose: true,
                todayHighlight: true,
                startDate: '-30y',
                endDate:'+0d',
                format:  'yyyy-MM-dd'
            });
 
    $('.js-datepicker').datepicker("setDate", new Date());
});

J'ai ensuite refais un var_dump() des données envoyées par le formulaire, et ça ne change malheureusement rien : "manufactureDate" du sous-formulaire est toujours à null :

private 'vehicle' =>
object(App\Entity\Vehicle)[95]
private 'id' => null
private 'manufactureDate' => null

[Willy_k]

Il faudrait regarder la documentation du "datepicker", il se peut qu'il ne supporte pas par exemple MM ou le MM ne signifie pas la même chose avec celui de Symfony.
Il s'agit de faire une correspondance entre le format du "datepicker" et celui de symfony ou l'inverse. Donc le "datepicker" peut avoir le format le format français, Symfony aussi

[dubitoph]

Effectivement, merci. J'ai supprimé le formatage que j'avais ajouté dans le builder de mon formulaire et modifié celui du widget comme suit :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
$(document).ready(function() {
    $(".js-datepicker").datepicker({
                viewMode: "years",
                weekStart: 1,
                daysOfWeekHighlighted: "6,0",
                autoclose: true,
                todayHighlight: true,
                startDate: '-30y',
                endDate:'+0d',
                format:  'yyyy/mm/dd'
            });
 
    $('.js-datepicker').datepicker("setDate", new Date());
});

Ce problème-là est donc résolu, merci à vous deux