{"id":263,"date":"2018-01-29T11:49:19","date_gmt":"2018-01-29T10:49:19","guid":{"rendered":"https:\/\/numa-bord.com\/miniblog\/?p=263"},"modified":"2023-10-24T17:05:43","modified_gmt":"2023-10-24T15:05:43","slug":"symfony-afficher-date-francais-twig","status":"publish","type":"post","link":"https:\/\/numa-bord.com\/miniblog\/symfony-afficher-date-francais-twig\/","title":{"rendered":"Symfony : Afficher des dates en fran\u00e7ais dans Twig"},"content":{"rendered":"

—————————————————– Version 2023 ——————————————-
\nL’article n’\u00e9tant plus d’actualit\u00e9, voici une mise \u00e0 jour rapide :
\nIl faut \u00e0 pr\u00e9sent utiliser le filtre format_datetime<\/a> de twig<\/p>\n

Pour cela il est n\u00e9cessaire d’installer<\/p>\n

composer require twig\/<\/span>intl-extra<\/div><\/div>\n

et<\/p>\n

composer require twig\/<\/span>extra-bundle<\/div><\/div>\n

Ensuite on peux l’utiliser dans twig sur un objet date pour par exemple afficher \u00ab\u00a0Novembre 2023\u00a0\u00bb<\/p>\n

{<\/span>{<\/span> maDate<\/span>|<\/span>format_datetime(<\/span>pattern=<\/span>'MMMM Y'<\/span>)<\/span> }<\/span>}<\/span><\/div><\/div>\n

—————————————————– Version 2018 ——————————————-
\n
\nLorsque travaille sous Symfony, avec des templates twig, on peut afficher des dates (g\u00e9n\u00e9ralement stock\u00e9 cot\u00e9 PHP sous forme de DateTime()) gr\u00e2ce au filtre \u00ab\u00a0date\u00a0\u00bb de la fa\u00e7on suivante :<\/p>\n

{<\/span>{<\/span>maDate|<\/span>date<\/span><\/a>(<\/span>'d\/m\/Y'<\/span>)<\/span>}<\/span>}<\/span>\/\/<\/span>affiche la<\/span> date<\/span><\/a> au<\/span> format<\/span><\/a> 22<\/span>\/<\/span>01\/<\/span>2018<\/span><\/div><\/div>\n

Mais si l’on veux un affichage textuel en fran\u00e7ais du type \u00ab\u00a0lundi 22 janvier 2018\u00a0\u00bb il nous faut utiliser une extension twig.
\nPour installer cette extensions (ainsi que d’autres) dans votre projet, il faut lancer la commande composer suivante :<\/p>\n

composer require twig\/<\/span>extensions<\/div><\/div>\n

Nous devons ensuite configurer l’extension \u00ab\u00a0intl\u00a0\u00bb qui nous int\u00e9resse, dans le fichier de configurations des services :<\/p>\n

services<\/span>:
\n    twig.extension.intl<\/span>:
\n        class<\/span>: <\/span>Twig_Extensions_Extension_Intl
\n        tags<\/span>:
\n            - { name<\/span>: <\/span>twig.extension }<\/span><\/div><\/div>\n

Le filtre \u00ab\u00a0localizeddate\u00a0\u00bb est maintenant utilisable et permet d’afficher la date au format que l’on souhaite, et dans la langue que l’on souhaite (en utilisant par d\u00e9faut la langue configur\u00e9 dans notre projet symfony) En voici 2 exemples.<\/p>\n

{<\/span>{<\/span>entity.dateEvent<\/span>|<\/span>localizeddate(<\/span>'none'<\/span>, 'none'<\/span>, null<\/span><\/a>, null<\/span><\/a>, 'EEEE'<\/span>)<\/span>}<\/span>}<\/span>\/\/lundi
\n{<\/span>{<\/span>entity.dateEvent<\/span>|<\/span>localizeddate(<\/span>'none'<\/span>, 'none'<\/span>, null<\/span><\/a>, null<\/span><\/a>, 'MMMM Y'<\/span>)<\/span>}<\/span>}<\/span>\/\/Janvier 2018<\/div><\/div>\n

Pour plus d’information veuillez vous r\u00e9f\u00e9rez au documentations suivantes :
\nhttp:\/\/twig-extensions.readthedocs.io\/en\/latest\/intl.html#localizeddate<\/a>
\nhttp:\/\/userguide.icu-project.org\/formatparse\/datetime#TOC-Date-Time-Format-Syntax<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

—————————————————– Version 2023 ——————————————- L’article n’\u00e9tant plus d’actualit\u00e9, voici une mise \u00e0 jour rapide : Il faut \u00e0 pr\u00e9sent utiliser le filtre format_datetime de twig Pour cela il est n\u00e9cessaire d’installer composer require twig\/intl-extra et composer require twig\/extra-bundle Ensuite on peux l’utiliser dans twig sur un objet date pour par exemple afficher \u00ab\u00a0Novembre 2023\u00a0\u00bb {{ […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[2,3,15],"tags":[],"class_list":["post-263","post","type-post","status-publish","format-standard","hentry","category-developpement","category-symfony","category-twig"],"acf":[],"yoast_head":"\nSymfony : Afficher des dates en fran\u00e7ais dans Twig - Pense b\u00eate d'un d\u00e9veloppeur web<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/numa-bord.com\/miniblog\/symfony-afficher-date-francais-twig\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Symfony : Afficher des dates en fran\u00e7ais dans Twig - Pense b\u00eate d'un d\u00e9veloppeur web\" \/>\n<meta property=\"og:description\" content=\"—————————————————– Version 2023 ——————————————- L’article n’\u00e9tant plus d’actualit\u00e9, voici une mise \u00e0 jour rapide : Il faut \u00e0 pr\u00e9sent utiliser le filtre format_datetime de twig Pour cela il est n\u00e9cessaire d’installer composer require twig\/intl-extra et composer require twig\/extra-bundle Ensuite on peux l’utiliser dans twig sur un objet date pour par exemple afficher \u00ab\u00a0Novembre 2023\u00a0\u00bb {{ […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/numa-bord.com\/miniblog\/symfony-afficher-date-francais-twig\/\" \/>\n<meta property=\"og:site_name\" content=\"Pense b\u00eate d'un d\u00e9veloppeur web\" \/>\n<meta property=\"article:published_time\" content=\"2018-01-29T10:49:19+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-10-24T15:05:43+00:00\" \/>\n<meta name=\"author\" content=\"Numa\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Numa\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/numa-bord.com\/miniblog\/symfony-afficher-date-francais-twig\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/numa-bord.com\/miniblog\/symfony-afficher-date-francais-twig\/\"},\"author\":{\"name\":\"Numa\",\"@id\":\"https:\/\/numa-bord.com\/miniblog\/#\/schema\/person\/f9d00acd1703f17e5a6895283eb46a7e\"},\"headline\":\"Symfony : Afficher des dates en fran\u00e7ais dans Twig\",\"datePublished\":\"2018-01-29T10:49:19+00:00\",\"dateModified\":\"2023-10-24T15:05:43+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/numa-bord.com\/miniblog\/symfony-afficher-date-francais-twig\/\"},\"wordCount\":312,\"commentCount\":7,\"articleSection\":[\"D\u00e9veloppement\",\"Symfony\",\"Twig\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/numa-bord.com\/miniblog\/symfony-afficher-date-francais-twig\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/numa-bord.com\/miniblog\/symfony-afficher-date-francais-twig\/\",\"url\":\"https:\/\/numa-bord.com\/miniblog\/symfony-afficher-date-francais-twig\/\",\"name\":\"Symfony : Afficher des dates en fran\u00e7ais dans Twig - Pense b\u00eate d'un d\u00e9veloppeur web\",\"isPartOf\":{\"@id\":\"https:\/\/numa-bord.com\/miniblog\/#website\"},\"datePublished\":\"2018-01-29T10:49:19+00:00\",\"dateModified\":\"2023-10-24T15:05:43+00:00\",\"author\":{\"@id\":\"https:\/\/numa-bord.com\/miniblog\/#\/schema\/person\/f9d00acd1703f17e5a6895283eb46a7e\"},\"breadcrumb\":{\"@id\":\"https:\/\/numa-bord.com\/miniblog\/symfony-afficher-date-francais-twig\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/numa-bord.com\/miniblog\/symfony-afficher-date-francais-twig\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/numa-bord.com\/miniblog\/symfony-afficher-date-francais-twig\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/numa-bord.com\/miniblog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Symfony : Afficher des dates en fran\u00e7ais dans Twig\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/numa-bord.com\/miniblog\/#website\",\"url\":\"https:\/\/numa-bord.com\/miniblog\/\",\"name\":\"Pense b\u00eate d'un d\u00e9veloppeur web\",\"description\":\"(php, javascript, Symfony, Wordpress....)\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/numa-bord.com\/miniblog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/numa-bord.com\/miniblog\/#\/schema\/person\/f9d00acd1703f17e5a6895283eb46a7e\",\"name\":\"Numa\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/f21d1af4658a7106211915940584534c1e0b3eef3f12eb67a697686cad70b64a?s=96&d=mm&r=g\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/f21d1af4658a7106211915940584534c1e0b3eef3f12eb67a697686cad70b64a?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/f21d1af4658a7106211915940584534c1e0b3eef3f12eb67a697686cad70b64a?s=96&d=mm&r=g\",\"caption\":\"Numa\"},\"url\":\"https:\/\/numa-bord.com\/miniblog\/author\/negonner\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Symfony : Afficher des dates en fran\u00e7ais dans Twig - Pense b\u00eate d'un d\u00e9veloppeur web","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/numa-bord.com\/miniblog\/symfony-afficher-date-francais-twig\/","og_locale":"fr_FR","og_type":"article","og_title":"Symfony : Afficher des dates en fran\u00e7ais dans Twig - Pense b\u00eate d'un d\u00e9veloppeur web","og_description":"—————————————————– Version 2023 ——————————————- L’article n’\u00e9tant plus d’actualit\u00e9, voici une mise \u00e0 jour rapide : Il faut \u00e0 pr\u00e9sent utiliser le filtre format_datetime de twig Pour cela il est n\u00e9cessaire d’installer composer require twig\/intl-extra et composer require twig\/extra-bundle Ensuite on peux l’utiliser dans twig sur un objet date pour par exemple afficher \u00ab\u00a0Novembre 2023\u00a0\u00bb {{ […]","og_url":"https:\/\/numa-bord.com\/miniblog\/symfony-afficher-date-francais-twig\/","og_site_name":"Pense b\u00eate d'un d\u00e9veloppeur web","article_published_time":"2018-01-29T10:49:19+00:00","article_modified_time":"2023-10-24T15:05:43+00:00","author":"Numa","twitter_card":"summary_large_image","twitter_misc":{"\u00c9crit par":"Numa","Dur\u00e9e de lecture estim\u00e9e":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/numa-bord.com\/miniblog\/symfony-afficher-date-francais-twig\/#article","isPartOf":{"@id":"https:\/\/numa-bord.com\/miniblog\/symfony-afficher-date-francais-twig\/"},"author":{"name":"Numa","@id":"https:\/\/numa-bord.com\/miniblog\/#\/schema\/person\/f9d00acd1703f17e5a6895283eb46a7e"},"headline":"Symfony : Afficher des dates en fran\u00e7ais dans Twig","datePublished":"2018-01-29T10:49:19+00:00","dateModified":"2023-10-24T15:05:43+00:00","mainEntityOfPage":{"@id":"https:\/\/numa-bord.com\/miniblog\/symfony-afficher-date-francais-twig\/"},"wordCount":312,"commentCount":7,"articleSection":["D\u00e9veloppement","Symfony","Twig"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/numa-bord.com\/miniblog\/symfony-afficher-date-francais-twig\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/numa-bord.com\/miniblog\/symfony-afficher-date-francais-twig\/","url":"https:\/\/numa-bord.com\/miniblog\/symfony-afficher-date-francais-twig\/","name":"Symfony : Afficher des dates en fran\u00e7ais dans Twig - Pense b\u00eate d'un d\u00e9veloppeur web","isPartOf":{"@id":"https:\/\/numa-bord.com\/miniblog\/#website"},"datePublished":"2018-01-29T10:49:19+00:00","dateModified":"2023-10-24T15:05:43+00:00","author":{"@id":"https:\/\/numa-bord.com\/miniblog\/#\/schema\/person\/f9d00acd1703f17e5a6895283eb46a7e"},"breadcrumb":{"@id":"https:\/\/numa-bord.com\/miniblog\/symfony-afficher-date-francais-twig\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/numa-bord.com\/miniblog\/symfony-afficher-date-francais-twig\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/numa-bord.com\/miniblog\/symfony-afficher-date-francais-twig\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/numa-bord.com\/miniblog\/"},{"@type":"ListItem","position":2,"name":"Symfony : Afficher des dates en fran\u00e7ais dans Twig"}]},{"@type":"WebSite","@id":"https:\/\/numa-bord.com\/miniblog\/#website","url":"https:\/\/numa-bord.com\/miniblog\/","name":"Pense b\u00eate d'un d\u00e9veloppeur web","description":"(php, javascript, Symfony, Wordpress....)","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/numa-bord.com\/miniblog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/numa-bord.com\/miniblog\/#\/schema\/person\/f9d00acd1703f17e5a6895283eb46a7e","name":"Numa","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/secure.gravatar.com\/avatar\/f21d1af4658a7106211915940584534c1e0b3eef3f12eb67a697686cad70b64a?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/f21d1af4658a7106211915940584534c1e0b3eef3f12eb67a697686cad70b64a?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f21d1af4658a7106211915940584534c1e0b3eef3f12eb67a697686cad70b64a?s=96&d=mm&r=g","caption":"Numa"},"url":"https:\/\/numa-bord.com\/miniblog\/author\/negonner\/"}]}},"_links":{"self":[{"href":"https:\/\/numa-bord.com\/miniblog\/wp-json\/wp\/v2\/posts\/263","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/numa-bord.com\/miniblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/numa-bord.com\/miniblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/numa-bord.com\/miniblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/numa-bord.com\/miniblog\/wp-json\/wp\/v2\/comments?post=263"}],"version-history":[{"count":9,"href":"https:\/\/numa-bord.com\/miniblog\/wp-json\/wp\/v2\/posts\/263\/revisions"}],"predecessor-version":[{"id":732,"href":"https:\/\/numa-bord.com\/miniblog\/wp-json\/wp\/v2\/posts\/263\/revisions\/732"}],"wp:attachment":[{"href":"https:\/\/numa-bord.com\/miniblog\/wp-json\/wp\/v2\/media?parent=263"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/numa-bord.com\/miniblog\/wp-json\/wp\/v2\/categories?post=263"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/numa-bord.com\/miniblog\/wp-json\/wp\/v2\/tags?post=263"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}