{"id":6671,"date":"2022-10-14T17:13:52","date_gmt":"2022-10-14T15:13:52","guid":{"rendered":"https:\/\/lacolmenatecnologica.com\/ajuster-le-premier-jour-le-format-et-la-traduction-du-calendrier-dans-elementor\/"},"modified":"2026-09-02T22:39:02","modified_gmt":"2026-09-02T20:39:02","slug":"ajuster-le-premier-jour-le-format-et-la-traduction-du-calendrier-dans-elementor","status":"publish","type":"post","link":"https:\/\/lacolmenatecnologica.com\/fr\/ajuster-le-premier-jour-le-format-et-la-traduction-du-calendrier-dans-elementor\/","title":{"rendered":"Ajuster le premier jour, le format et la traduction du calendrier dans Elementor"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Vid\u00e9o pas \u00e0 pas<\/h2>\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Corregir el \ud83d\udcc5 calendario del campo fecha de Elementor Form\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/Ykvrs5pebcg?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n<h2 class=\"wp-block-heading\">Introduction<\/h2>\n\n<p class=\"wp-block-paragraph\">Dans ce sujet, nous allons voir comment corriger, via du code JavaScript, le probl\u00e8me du calendrier affich\u00e9 dans le champ date du widget Form d&rsquo;Elementor Pro.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"alignright size-full is-resized\"><a href=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/calendario-widget-form-de-elementor-pro.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"689\" height=\"414\" src=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/calendario-widget-form-de-elementor-pro.jpg\" alt=\"Calendrier du widget Form d'Elementor Pro\" class=\"wp-image-4637\" style=\"width:561px;height:337px\" srcset=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/calendario-widget-form-de-elementor-pro.jpg 689w, https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/calendario-widget-form-de-elementor-pro-500x300.jpg 500w, https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/calendario-widget-form-de-elementor-pro-600x361.jpg 600w\" sizes=\"auto, (max-width: 689px) 100vw, 689px\" \/><\/a><\/figure>\n<\/div>\n<ol class=\"wp-block-list\">\n<li>Le premier probl\u00e8me vient du fait que les calendriers nord-am\u00e9ricains continuent d&rsquo;utiliser le <strong>dimanche comme premier jour de la semaine<\/strong>, tandis que les calendriers europ\u00e9ens consid\u00e8rent le lundi comme le premier jour. <\/li>\n\n\n\n<li>Le deuxi\u00e8me probl\u00e8me est que dans ce calendrier, les <strong>mois et jours de la semaine sont en anglais<\/strong>.<\/li>\n\n\n\n<li>Et le troisi\u00e8me probl\u00e8me est que lorsque nous s\u00e9lectionnons une date dans le calendrier, elle nous est renvoy\u00e9e au <strong>format de date am\u00e9ricain Y-m-d<\/strong> (Ann\u00e9e-mois-jour).<\/li>\n<\/ol>\n\n<p class=\"wp-block-paragraph\">Elementor Pro utilise la biblioth\u00e8que JavaScript <a rel=\"noreferrer noopener\" href=\"https:\/\/flatpickr.js.org\/\" target=\"_blank\">Flatpickr<\/a> pour impl\u00e9menter un <strong>datepicker<\/strong> qui facilite la s\u00e9lection de dates via un calendrier. Par d\u00e9faut, cette biblioth\u00e8que est en anglais, d\u00e9finit le dimanche comme premier jour de la semaine et renvoie la date au format am\u00e9ricain. <\/p>\n\n<h2 class=\"wp-block-heading\">Qu&rsquo;est-ce qu&rsquo;un datepicker ?<\/h2>\n\n<p class=\"wp-block-paragraph\">Les <em>datepickers<\/em> sont des \u00e9l\u00e9ments qui aident l&rsquo;utilisateur \u00e0 s\u00e9lectionner une date de mani\u00e8re simple via un calendrier visuel.<\/p>\n\n<h2 class=\"wp-block-heading\">Qu&rsquo;est-ce que Flatpickr ?<\/h2>\n\n<p class=\"wp-block-paragraph\"><strong>Flatpickr<\/strong> est une biblioth\u00e8que d\u00e9di\u00e9e \u00e0 la cr\u00e9ation de datepickers qui ne d\u00e9pend pas de <strong>JQuery UI Datepicker<\/strong>. Elle est plus l\u00e9g\u00e8re et c&rsquo;est celle qu&rsquo;utilise Elementor Pro pour am\u00e9liorer la s\u00e9lection de dates dans les champs de type date du widget Form.<\/p>\n\n<h2 class=\"wp-block-heading\">Solution<\/h2>\n\n<p class=\"wp-block-paragraph\">Voyons comment ins\u00e9rer le code dans notre site web.<\/p>\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/corregir-el-calendario-del-campo-fecha-del-formulario-elementor-form.gif\"><img loading=\"lazy\" decoding=\"async\" width=\"1614\" height=\"908\" src=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/corregir-el-calendario-del-campo-fecha-del-formulario-elementor-form.gif\" alt=\"Ins&#xE9;rer du code personnalis&#xE9; dans Elementor\" class=\"wp-image-4640\"\/><\/a><\/figure>\n\n<pre class=\"wp-block-code has-white-background-color has-background\"><code>&lt;script&gt;\n   jQuery(document).ready(function($){\n     flatpickr.l10ns.default.firstDayOfWeek = 1; \/\/ Establecer primer d\u00eda lunes\n\t\t flatpickr.l10ns.default.weekdays = {\n            shorthand: &#91; 'Dom', 'Lun', 'Mar', 'Mie', 'Jue', 'Vie', 'Sab' ],\n            longhand : &#91; 'Domingo', 'Lunes', 'Martes', 'Mi\u00e9rcoles', 'Jueves', 'Viernes', 'S\u00e1bado']\n     };\n\t\t flatpickr.l10ns.default.months = {\n            shorthand: &#91; 'Ene', 'Feb', 'Mar', 'Abr', 'May', 'Jun', 'Jul', 'Ago', 'Sep', 'Oct', 'Nov', 'Dic' ],\n            longhand : &#91; 'Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre' ]\n     };\n\t\tsetTimeout( function(){\n\t\t\t    $('.elementor-date-field').each(function(){flatpickr( $(this)&#91;0] ).set('dateFormat', 'd\/m\/Y');});\n\t\t}, 1000 );\n   });\n&lt;\/script&gt;<\/code><\/pre>\n\n<ol class=\"wp-block-list\">\n<li>S\u00e9lectionnez et copiez le code ci-dessus.<\/li>\n\n\n\n<li>Dans le panneau d&rsquo;administration de WordPress, naviguez vers <em>Elementor<\/em> &gt; <em>Code personnalis\u00e9<\/em>.<\/li>\n\n\n\n<li>Cliquez sur le bouton <strong>Ajouter nouveau<\/strong>.<\/li>\n\n\n\n<li>Saisissez un titre et collez le code dans la zone ci-dessous en utilisant <strong>CTRL+V<\/strong> (Windows) ou <strong>CMD+V<\/strong> (Mac). Vous pouvez \u00e9galement faire un clic droit et s\u00e9lectionner <em>Coller<\/em>. <\/li>\n\n\n\n<li>Cliquez sur le bouton <strong>Publier<\/strong>.<\/li>\n\n\n\n<li>Dans la fen\u00eatre contextuelle, d\u00e9finissez les <a href=\"https:\/\/lacolmenatecnologica.com\/elementor-academy-temas\/condiciones-de-visualizacion-para-plantillas-globales-del-maquetador-de-temas\/\">conditions d&rsquo;affichage<\/a>, par d\u00e9faut <strong>Tout le site<\/strong>.<\/li>\n\n\n\n<li>Cliquez sur <strong>Save &amp; Close<\/strong>.<\/li>\n<\/ol>\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">D\u00e9sormais, le calendrier du champ Date s&rsquo;affichera correctement.<\/p>\n<\/blockquote>\n","protected":false},"excerpt":{"rendered":"<p>Vid\u00e9o pas \u00e0 pas Introduction Dans ce sujet, nous allons voir comment corriger, via du code JavaScript, le probl\u00e8me du calendrier affich\u00e9 dans le champ date du widget Form d&rsquo;Elementor Pro. Elementor Pro utilise la biblioth\u00e8que JavaScript Flatpickr pour impl\u00e9menter un datepicker qui facilite la s\u00e9lection de dates via un calendrier. Par d\u00e9faut, cette biblioth\u00e8que [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":6672,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_titles_title":"Elementor : r\u00e9gler le calendrier selon votre langue","_seopress_titles_desc":"Dans ce sujet, nous allons voir comment corriger, via du code JavaScript, le probl\u00e8me du calendrier affich\u00e9 dans le champ date du widget Form de\u2026","_seopress_robots_index":"","_seopress_robots_follow":"","_seopress_robots_imageindex":"","_seopress_robots_snippet":"","_seopress_robots_primary_cat":"none","_seopress_robots_breadcrumbs":"","_seopress_robots_freeze_modified_date":"","_seopress_robots_custom_modified_date":"","_seopress_robots_canonical":"","_seopress_social_fb_title":"","_seopress_social_fb_desc":"","_seopress_social_fb_img":"","_seopress_social_fb_img_attachment_id":0,"_seopress_social_fb_img_width":0,"_seopress_social_fb_img_height":0,"_seopress_social_twitter_title":"","_seopress_social_twitter_desc":"","_seopress_social_twitter_img":"","_seopress_social_twitter_img_attachment_id":0,"_seopress_social_twitter_img_width":0,"_seopress_social_twitter_img_height":0,"_seopress_redirections_value":"","_seopress_redirections_enabled":"","_seopress_redirections_enabled_regex":"","_seopress_redirections_logged_status":"both","_seopress_redirections_param":"","_seopress_redirections_type":301,"_seopress_analysis_target_kw":"","_seopress_news_disabled":"","_seopress_video_disabled":"","_seopress_video":[],"_seopress_pro_schemas_manual":[],"_seopress_pro_rich_snippets_disable_all":"","_seopress_pro_rich_snippets_disable":[],"_seopress_pro_schemas":[],"footnotes":"","_bricks_page_content_2":[],"_bricks_page_header_2":[],"_bricks_page_footer_2":[]},"categories":[400],"tags":[427,428],"class_list":["post-6671","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-elementor","tag-formulaires-wordpress","tag-personnalisation-de-wordpress"],"_links":{"self":[{"href":"https:\/\/lacolmenatecnologica.com\/fr\/wp-json\/wp\/v2\/posts\/6671","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lacolmenatecnologica.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lacolmenatecnologica.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/fr\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/fr\/wp-json\/wp\/v2\/comments?post=6671"}],"version-history":[{"count":1,"href":"https:\/\/lacolmenatecnologica.com\/fr\/wp-json\/wp\/v2\/posts\/6671\/revisions"}],"predecessor-version":[{"id":6673,"href":"https:\/\/lacolmenatecnologica.com\/fr\/wp-json\/wp\/v2\/posts\/6671\/revisions\/6673"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/fr\/wp-json\/wp\/v2\/media\/6672"}],"wp:attachment":[{"href":"https:\/\/lacolmenatecnologica.com\/fr\/wp-json\/wp\/v2\/media?parent=6671"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/fr\/wp-json\/wp\/v2\/categories?post=6671"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/fr\/wp-json\/wp\/v2\/tags?post=6671"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}