(publi\u00e9 le 03\/03\/2015)<\/span><\/p>\n\n\n\n Zend\\Form\\Element\\Time<\/em> permet de cr\u00e9er gr\u00e2ce \u00e0 l'aide de vue Zend\\Form\\View\\Helper\\FormTime<\/em> une balise <input type=\"time\"><\/em> en HTML5. Cet \u00e9l\u00e9ment ajoute les filtres et validateurs conformes aux sp\u00e9cifications HTML5 de ce type.<\/p>\n\n\n\n L'exemple de la documentation de ZF2 ne fonctionne pas. En effet, il faut rendre compatible les formats des donn\u00e9es avec le pas sp\u00e9cifi\u00e9 dans l'attribut step<\/em>. En particulier, si step = 60<\/em>, le contr\u00f4le de saisie dans un navigateur ne pr\u00e9sentera que les heures et les minutes. Aussi, il faut que le format indiqu\u00e9 soit 'H:i'<\/em> et que les attributs min<\/em> et max<\/em> soient aussi de m\u00eame format.<\/p>\n\n\n\n Voici donc quelques exemples qui doivent fonctionner :<\/p>\n\n\n\n (ajout du 22\/04\/2021)<\/span><\/p>\n\n\n\n Le comportement des navigateurs sur cet \u00e9l\u00e9ment Aussi, dans ce cas, le validateur de l'\u00e9l\u00e9ment A noter que ce probl\u00e8me ne se produit que lorsque le nombre de secondes est On pourra surcharger la m\u00e9thode Pr\u00e9sentation de l’\u00e9l\u00e9ment (publi\u00e9 le 03\/03\/2015) Zend\\Form\\Element\\Time permet de cr\u00e9er gr\u00e2ce \u00e0 l’aide de vue Zend\\Form\\View\\Helper\\FormTime une balise <input type=\u00a0\u00bbtime\u00a0\u00bb> en HTML5. Cet \u00e9l\u00e9ment ajoute les filtres et validateurs conformes aux sp\u00e9cifications HTML5 de ce type. Utilisation L’exemple de la documentation de ZF2 ne fonctionne pas. En effet, il faut rendre compatible les formats des donn\u00e9es avec […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[15],"tags":[35,34,36,33,23],"class_list":["post-221","post","type-post","status-publish","format-standard","hentry","category-zendframework2","tag-element","tag-form","tag-time","tag-zend","tag-zf2"],"_links":{"self":[{"href":"https:\/\/www.dafap.fr\/blog\/wp-json\/wp\/v2\/posts\/221","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.dafap.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.dafap.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.dafap.fr\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dafap.fr\/blog\/wp-json\/wp\/v2\/comments?post=221"}],"version-history":[{"count":15,"href":"https:\/\/www.dafap.fr\/blog\/wp-json\/wp\/v2\/posts\/221\/revisions"}],"predecessor-version":[{"id":590,"href":"https:\/\/www.dafap.fr\/blog\/wp-json\/wp\/v2\/posts\/221\/revisions\/590"}],"wp:attachment":[{"href":"https:\/\/www.dafap.fr\/blog\/wp-json\/wp\/v2\/media?parent=221"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.dafap.fr\/blog\/wp-json\/wp\/v2\/categories?post=221"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.dafap.fr\/blog\/wp-json\/wp\/v2\/tags?post=221"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}Utilisation<\/h2>\n\n\n\n
Pour step=60<\/h3>\n\n\n\n
use Zend\\Form\\Form;\n\n$form = new Form('my-form');\n$form->add(array(\n 'type' => 'Zend\\Form\\Element\\Time',\n 'name' => 'time',\n 'options' => array(\n 'label' => 'Time',\n 'format' => 'H:i'\n ),\n 'attributes' => array(\n 'min' => '00:00',\n 'max' => '23:59',\n 'step' => '60', \/\/ pas de 1 minute ; on ne voit pas les secondes.\n )\n<\/pre>\n\n\n\nPour step=30<\/h3>\n\n\n\n
use Zend\\Form\\Form;\n\n$form = new Form('my-form');\n$form->add(array(\n 'type' => 'Zend\\Form\\Element\\Time',\n 'name' => 'time',\n 'options' => array(\n 'label' => 'Time',\n 'format' => 'H:i:s'\n ),\n 'attributes' => array(\n 'min' => '00:00:00',\n 'max' => '23:59:00',\n 'step' => '30', \/\/ pas de 30 secondes ; on voit les secondes\n )\n<\/pre>\n\n\n\nProbl\u00e8me avec cet \u00e9l\u00e9ment<\/h2>\n\n\n\n
<input type=\"time\"><\/code> varie d'un navigateur \u00e0 un autre. Ainsi, un temps de 00:01:00<\/code> sera re\u00e7u correctement sous Firefox ou Safari mais pas sous Chrome, Edge ou Opera qui re\u00e7oivent 00:01<\/code> en POST.<\/p>\n\n\n\nZend\\Form\\Element\\Time<\/code> renvoie une erreur du type INVALID_DATE<\/code> avec le message The input does not appear to be a valid date<\/code> ou, en fran\u00e7ais, L'entr\u00e9e ne semble pas \u00eatre une date valide<\/code>. Il convient donc de v\u00e9rifier le contenu du POST avant de le soumettre au validateur.<\/p>\n\n\n\n00<\/code>. Il n'y a pas de probl\u00e8me lorsque le nombre de secondes n'est pas nul.<\/p>\n\n\n\nCorrection du probl\u00e8me<\/h2>\n\n\n\n
setData()<\/code> du formulaire de la fa\u00e7on suivante :<\/p>\n\n\n\n\/**\n * Correction du format du temps renvoy\u00e9 par certains navigateurs sans les\n * secondes lorsque la partie secondes est 00 \n * pour un <input type='time' name='temps'>\n *\n * {@inheritdoc}\n * @see \\Zend\\Form\\Form::setData()\n *\/\npublic function setData($data)\n{\n if (is_array($data) && array_key_exists('temps', $data) {\n $temps = $data['temps'];\n if (is_string($temps) &&\n ! (\\DateTime::createFromFormat('H:i:s', $temps) instanceof \\DateTime)) {\n $dt = \\DateTime::createFromFormat('H:i', $temps);\n if ($dt instanceof \\DateTime) {\n $data['temps'] = $dt->format('H:i:s');\n }\n }\n }\n return parent::setData($data);\n}<\/pre>\n","protected":false},"excerpt":{"rendered":"