{"id":6674,"date":"2022-10-14T17:13:52","date_gmt":"2022-10-14T15:13:52","guid":{"rendered":"https:\/\/lacolmenatecnologica.com\/impostare-il-primo-giorno-il-formato-e-la-traduzione-del-calendario-in-elementor\/"},"modified":"2026-09-02T22:39:02","modified_gmt":"2026-09-02T20:39:02","slug":"impostare-il-primo-giorno-il-formato-e-la-traduzione-del-calendario-in-elementor","status":"publish","type":"post","link":"https:\/\/lacolmenatecnologica.com\/it\/impostare-il-primo-giorno-il-formato-e-la-traduzione-del-calendario-in-elementor\/","title":{"rendered":"Impostare il primo giorno, il formato e la traduzione del calendario in Elementor"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Video passo dopo passo<\/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\">Introduzione<\/h2>\n\n<p class=\"wp-block-paragraph\">In questo articolo vedremo come correggere, tramite codice JavaScript, il problema del calendario che viene mostrato nel campo data del widget Form di 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=\"Calendario del widget Form di 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>Il primo problema \u00e8 che i calendari nordamericani continuano a usare la <strong>domenica come primo giorno della settimana<\/strong>, mentre i calendari europei considerano il luned\u00ec come primo giorno. <\/li>\n\n\n\n<li>Il secondo problema \u00e8 che in questo calendario i<strong> mesi e i giorni della settimana sono in inglese<\/strong>.<\/li>\n\n\n\n<li>E il terzo problema \u00e8 che quando selezioniamo una data nel calendario, ce la restituisce in <strong>formato data americano Y-m-d<\/strong> (anno-mese-giorno).<\/li>\n<\/ol>\n\n<p class=\"wp-block-paragraph\">Elementor Pro usa la libreria JavaScript <a rel=\"noreferrer noopener\" href=\"https:\/\/flatpickr.js.org\/\" target=\"_blank\">Flatpickr<\/a> per implementare un <strong>datepicker<\/strong> che facilita la selezione delle date tramite un calendario; per impostazione predefinita questa libreria \u00e8 in inglese, imposta la domenica come primo giorno della settimana e restituisce la data in formato americano. <\/p>\n\n<h2 class=\"wp-block-heading\">Cos\u2019\u00e8 un datepicker?<\/h2>\n\n<p class=\"wp-block-paragraph\">I <em>datepiker<\/em> sono elementi che aiutano l\u2019utente a selezionare una data in modo semplice tramite un calendario visivo.<\/p>\n\n<h2 class=\"wp-block-heading\">Cos\u2019\u00e8 Flatpickr?<\/h2>\n\n<p class=\"wp-block-paragraph\"><strong>Flatpickr<\/strong> \u00e8 una libreria dedicata alla creazione di datepicker che non dipende da <strong>JQuery UI Datepicker<\/strong>, \u00e8 pi\u00f9 leggera ed \u00e8 quella che usa Elementor Pro per migliorare la selezione delle date nei campi di tipo data del widget Form.<\/p>\n\n<h2 class=\"wp-block-heading\">Soluzione<\/h2>\n\n<p class=\"wp-block-paragraph\">Vediamo come inserire il codice nel nostro sito 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=\"Inserire codice personalizzato in 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>Seleziona e copia il codice qui sopra.<\/li>\n\n\n\n<li>Nel pannello di amministrazione di WordPress vai su <em>Elementor<\/em> &gt; <em>Codice personalizzato<\/em>.<\/li>\n\n\n\n<li>Fai clic sul pulsante <strong>Aggiungi nuovo<\/strong>.<\/li>\n\n\n\n<li>Scrivi un titolo e incolla il codice nel riquadro qui sotto usando <strong>CTRL+V<\/strong> (Windows) o <strong>CMD+V<\/strong> (Mac). Puoi anche fare clic con il tasto destro e selezionare <em>Incolla<\/em>. <\/li>\n\n\n\n<li>Fai clic sul pulsante <strong>Pubblica<\/strong>.<\/li>\n\n\n\n<li>Nella finestra pop-up imposta le <a href=\"https:\/\/lacolmenatecnologica.com\/elementor-academy-temas\/condiciones-de-visualizacion-para-plantillas-globales-del-maquetador-de-temas\/\">condizioni di visualizzazione<\/a>, per impostazione predefinita <strong>Tutto il sito<\/strong>.<\/li>\n\n\n\n<li>Fai clic su <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\">Ora il calendario del campo Data verr\u00e0 mostrato correttamente.<\/p>\n<\/blockquote>\n","protected":false},"excerpt":{"rendered":"<p>Video passo dopo passo Introduzione In questo articolo vedremo come correggere, tramite codice JavaScript, il problema del calendario che viene mostrato nel campo data del widget Form di Elementor Pro. Elementor Pro usa la libreria JavaScript Flatpickr per implementare un datepicker che facilita la selezione delle date tramite un calendario; per impostazione predefinita questa libreria [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":6675,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_titles_title":"Configurare calendario Elementor: formato e traduzione","_seopress_titles_desc":"In questo articolo vedremo come correggere, tramite codice JavaScript, il problema del calendario che viene mostrato nel campo data del widget Form di\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":"entrambi","_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":[401],"tags":[429,430],"class_list":["post-6674","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-elementor","tag-moduli-wordpress","tag-personalizzazione-di-wordpress"],"_links":{"self":[{"href":"https:\/\/lacolmenatecnologica.com\/it\/wp-json\/wp\/v2\/posts\/6674","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lacolmenatecnologica.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lacolmenatecnologica.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/it\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/it\/wp-json\/wp\/v2\/comments?post=6674"}],"version-history":[{"count":1,"href":"https:\/\/lacolmenatecnologica.com\/it\/wp-json\/wp\/v2\/posts\/6674\/revisions"}],"predecessor-version":[{"id":6676,"href":"https:\/\/lacolmenatecnologica.com\/it\/wp-json\/wp\/v2\/posts\/6674\/revisions\/6676"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/it\/wp-json\/wp\/v2\/media\/6675"}],"wp:attachment":[{"href":"https:\/\/lacolmenatecnologica.com\/it\/wp-json\/wp\/v2\/media?parent=6674"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/it\/wp-json\/wp\/v2\/categories?post=6674"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/it\/wp-json\/wp\/v2\/tags?post=6674"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}