{"id":6573,"date":"2022-10-14T17:13:52","date_gmt":"2022-10-14T15:13:52","guid":{"rendered":"https:\/\/lacolmenatecnologica.com\/ersten-wochentag-format-und-uebersetzung-des-kalenders-in-elementor-anpassen\/"},"modified":"2026-09-02T22:28:02","modified_gmt":"2026-09-02T20:28:02","slug":"ersten-wochentag-format-und-uebersetzung-des-kalenders-in-elementor-anpassen","status":"publish","type":"post","link":"https:\/\/lacolmenatecnologica.com\/de\/ersten-wochentag-format-und-uebersetzung-des-kalenders-in-elementor-anpassen\/","title":{"rendered":"Ersten Wochentag, Format und \u00dcbersetzung des Kalenders in Elementor anpassen"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Schritt-f\u00fcr-Schritt-Video<\/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\">Einf\u00fchrung<\/h2>\n\n<p class=\"wp-block-paragraph\">In diesem Thema werden wir sehen, wie man durch JavaScript-Code das Problem des Kalenders korrigiert, der im Datumsfeld des Form-Widgets von Elementor Pro angezeigt wird.<\/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=\"Kalender des Form-Widgets von 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>Das erste Problem ergibt sich daraus, dass nordamerikanische Kalender weiterhin den <strong>Sonntag als ersten Wochentag<\/strong> verwenden, w\u00e4hrend europ\u00e4ische Kalender den Montag als ersten Tag betrachten. <\/li>\n\n\n\n<li>Das zweite Problem besteht darin, dass in diesem Kalender die <strong>Monate und Wochentage auf Englisch<\/strong> sind.<\/li>\n\n\n\n<li>Und das dritte Problem ist, dass der Kalender uns bei der Auswahl eines Datums dieses im <strong>amerikanischen Datumsformat Y-m-d<\/strong> (Jahr-Monat-Tag) zur\u00fcckgibt.<\/li>\n<\/ol>\n\n<p class=\"wp-block-paragraph\">Elementor Pro verwendet die JavaScript-Bibliothek <a rel=\"noreferrer noopener\" href=\"https:\/\/flatpickr.js.org\/\" target=\"_blank\">Flatpickr<\/a>, um einen <strong>Datepicker<\/strong> zu implementieren, der uns die Auswahl von Daten \u00fcber einen Kalender erleichtert. Standardm\u00e4\u00dfig ist diese Bibliothek auf Englisch, legt den Sonntag als ersten Wochentag fest und gibt das Datum im amerikanischen Format zur\u00fcck. <\/p>\n\n<h2 class=\"wp-block-heading\">Was ist ein Datepicker?<\/h2>\n\n<p class=\"wp-block-paragraph\"><em>Datepicker<\/em> sind Elemente, die dem Benutzer helfen, ein Datum auf einfache Weise \u00fcber einen visuellen Kalender auszuw\u00e4hlen.<\/p>\n\n<h2 class=\"wp-block-heading\">Was ist Flatpickr?<\/h2>\n\n<p class=\"wp-block-paragraph\"><strong>Flatpickr<\/strong> ist eine Bibliothek zur Erstellung von Datepickern, die nicht von <strong>JQuery UI Datepicker<\/strong> abh\u00e4ngt, leichter ist und von Elementor Pro verwendet wird, um die Datumsauswahl in den Datumsfeldern des Form-Widgets zu verbessern.<\/p>\n\n<h2 class=\"wp-block-heading\">L\u00f6sung<\/h2>\n\n<p class=\"wp-block-paragraph\">Schauen wir uns an, wie der Code auf unserer Website eingef\u00fcgt wird.<\/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=\"Benutzerdefinierten Code in Elementor einf&#xFC;gen\" 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>W\u00e4hlen Sie den obigen Code aus und kopieren Sie ihn.<\/li>\n\n\n\n<li>Navigieren Sie im WordPress-Administrationsbereich zu <em>Elementor<\/em> &gt; <em>Benutzerdefinierter Code<\/em>.<\/li>\n\n\n\n<li>Klicken Sie auf die Schaltfl\u00e4che <strong>Neu hinzuf\u00fcgen<\/strong>.<\/li>\n\n\n\n<li>Geben Sie einen Titel ein und f\u00fcgen Sie den Code in das untenstehende Feld ein, indem Sie <strong>STRG+V<\/strong> (Windows) oder <strong>CMD+V<\/strong> (Mac) verwenden. Sie k\u00f6nnen auch mit der rechten Maustaste klicken und <em>Einf\u00fcgen<\/em> ausw\u00e4hlen. <\/li>\n\n\n\n<li>Klicken Sie auf die Schaltfl\u00e4che <strong>Ver\u00f6ffentlichen<\/strong>.<\/li>\n\n\n\n<li>Legen Sie im Popup-Fenster die <a href=\"https:\/\/lacolmenatecnologica.com\/elementor-academy-temas\/condiciones-de-visualizacion-para-plantillas-globales-del-maquetador-de-temas\/\">Anzeigebedingungen<\/a> fest, standardm\u00e4\u00dfig <strong>Gesamte Website<\/strong>.<\/li>\n\n\n\n<li>Klicken Sie auf <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\">Jetzt wird der Kalender des Datumsfeldes korrekt angezeigt.<\/p>\n<\/blockquote>\n","protected":false},"excerpt":{"rendered":"<p>Schritt-f\u00fcr-Schritt-Video Einf\u00fchrung In diesem Thema werden wir sehen, wie man durch JavaScript-Code das Problem des Kalenders korrigiert, der im Datumsfeld des Form-Widgets von Elementor Pro angezeigt wird. Elementor Pro verwendet die JavaScript-Bibliothek Flatpickr, um einen Datepicker zu implementieren, der uns die Auswahl von Daten \u00fcber einen Kalender erleichtert. Standardm\u00e4\u00dfig ist diese Bibliothek auf Englisch, legt [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":6588,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_titles_title":"Elementor-Kalender: Starttag, Format und Sprache anpassen","_seopress_titles_desc":"In diesem Thema werden wir sehen, wie man durch JavaScript-Code das Problem des Kalenders korrigiert, der im Datumsfeld des Form-Widgets von\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":[402],"tags":[403,404],"class_list":["post-6573","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-elementor","tag-wordpress-formulare","tag-wordpress-personalisierung"],"_links":{"self":[{"href":"https:\/\/lacolmenatecnologica.com\/de\/wp-json\/wp\/v2\/posts\/6573","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lacolmenatecnologica.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lacolmenatecnologica.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/de\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/de\/wp-json\/wp\/v2\/comments?post=6573"}],"version-history":[{"count":1,"href":"https:\/\/lacolmenatecnologica.com\/de\/wp-json\/wp\/v2\/posts\/6573\/revisions"}],"predecessor-version":[{"id":6589,"href":"https:\/\/lacolmenatecnologica.com\/de\/wp-json\/wp\/v2\/posts\/6573\/revisions\/6589"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/de\/wp-json\/wp\/v2\/media\/6588"}],"wp:attachment":[{"href":"https:\/\/lacolmenatecnologica.com\/de\/wp-json\/wp\/v2\/media?parent=6573"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/de\/wp-json\/wp\/v2\/categories?post=6573"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/de\/wp-json\/wp\/v2\/tags?post=6573"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}