Gravity Support Forums Topic: Localization of the Date Picker and Date Format

Gravity Support Forums Topic: Localization of the Date Picker and Date Format https://legacy.forums.gravityhelp.com/topic/localization-of-the-date-picker-and-date-format Gravity Support Forums Topic: Localization of the Date Picker and Date Format en-US Sun, 19 Apr 2026 23:49:18 +0000 http://bbpress.org/?v=1.0.1 <![CDATA[Search]]> q https://legacy.forums.gravityhelp.com/search.php krear on "Localization of the Date Picker and Date Format" https://legacy.forums.gravityhelp.com/topic/localization-of-the-date-picker-and-date-format#post-139912 Sat, 02 Feb 2013 18:21:13 +0000 krear 139912@https://legacy.forums.gravityhelp.com/ Hi, i found a solutions! I need my site in english and spanish, so i do this: 1- Download the translation from jQuery UI 2-Copy spanish language to jquery.ui.datepicker-es.js to /wp-content/Name-Template/js/ 3-Edit the header file from template /wp-content/Name-Template/header.php 4-Insert this code before </head> <pre><code> <?php //detecto idioma del sitio $idioma = get_bloginfo('language'); // si el idioma del sitio es español incluyo srcipt traducido if ($idioma == "es-ES") { ?> <script src="<?php echo get_template_directory_uri(); ?>/js/jquery.ui.datepicker-es.js"></script> <script type="text/javascript"> $j(document).ready(function(){ var language = $j('html').attr('lang'); switch(language) { case 'es-ES': //german language $j( "#datePicker1" ).datepicker( "option", $j.datepicker.regional[ 'es' ] ); $j( "#datePicker2" ).datepicker( "option", $j.datepicker.regional[ 'es' ] ); break; } }); </script> <?php } ?></code></pre> And is working! I hope you like! Elena on "Localization of the Date Picker and Date Format" https://legacy.forums.gravityhelp.com/topic/localization-of-the-date-picker-and-date-format#post-138272 Fri, 01 Feb 2013 05:14:30 +0000 Elena 138272@https://legacy.forums.gravityhelp.com/ Hi Chris <a href="http://aumentomamas.com" rel="nofollow">http://aumentomamas.com</a> Thanks! Chris Hajer on "Localization of the Date Picker and Date Format" https://legacy.forums.gravityhelp.com/topic/localization-of-the-date-picker-and-date-format#post-135325 Tue, 29 Jan 2013 13:25:16 +0000 Chris Hajer 135325@https://legacy.forums.gravityhelp.com/ Can you show us the page on your site where you tried this so we can see how it was done? Thank you. Elena on "Localization of the Date Picker and Date Format" https://legacy.forums.gravityhelp.com/topic/localization-of-the-date-picker-and-date-format#post-135293 Tue, 29 Jan 2013 12:50:50 +0000 Elena 135293@https://legacy.forums.gravityhelp.com/ Hi guys I just did what Alex Cancado says and it won't show the calendar in Spanish. I changed to theme path and changed FR to ES.. :S Alex Cancado on "Localization of the Date Picker and Date Format" https://legacy.forums.gravityhelp.com/topic/localization-of-the-date-picker-and-date-format#post-74279 Thu, 06 Sep 2012 20:48:01 +0000 Alex Cancado 74279@https://legacy.forums.gravityhelp.com/ After you have dowloaded the file, upload it to your theme's folder. Then add an HTML field to your form and paste the following code into that field's content. NOTE: replace "your_theme_folder" with the actual path to your theme's folder and replace 'fr' with your actual language code. <pre><code><script type="text/javascript" src="your_themes_folder/ui.datepicker-fr.js"></script> jQuery(document).ready( function() { jQuery('.datepicker').datepicker('option', jQuery.extend({showMonthAfterYear: true}, jQuery.datepicker.regional['fr'])); } );</code></pre> reego on "Localization of the Date Picker and Date Format" https://legacy.forums.gravityhelp.com/topic/localization-of-the-date-picker-and-date-format#post-56882 Sat, 28 Apr 2012 08:28:59 +0000 reego 56882@https://legacy.forums.gravityhelp.com/ Hello, Thank you for this thread but I really don't know anything about programming, so your explanations about changing language of the date picker are not really clear to me. So far, I've downloaded the js file with the translation but I am lost right after that. Step 2 - Include the translation file to your page (I am using the French translation as an example) :" which page do I have to include this : <script type="text/javascript" src="your_themes_js_folder/ui.datepicker-fr.js"></script> ? And 3 : Add the following code after the include above...same thing...where ? Could somebody help me with this, with clear explanations, without using semantic shortcuts only known by programmers ? Thank you very much. quokka on "Localization of the Date Picker and Date Format" https://legacy.forums.gravityhelp.com/topic/localization-of-the-date-picker-and-date-format#post-50145 Tue, 21 Feb 2012 18:34:41 +0000 quokka 50145@https://legacy.forums.gravityhelp.com/ Hi Twana, Thanks.. Knew that was possible but preferred the other way because this might not be update-proof. But I think I am going to use your solution anyways and just check after updates if it's still working. Think your solution is the fastest way to do it instead of finding out how to hook into GF.. Think it's a pitty that this part of GF isn't multi-language out of the box.. But what the heck, GF still rocks big time :) Thanks again Twana! Twana on "Localization of the Date Picker and Date Format" https://legacy.forums.gravityhelp.com/topic/localization-of-the-date-picker-and-date-format#post-50103 Tue, 21 Feb 2012 12:15:22 +0000 Twana 50103@https://legacy.forums.gravityhelp.com/ Hi Quokka, I just edited the file "ui.datepicker.js" . Which you can find in here "wp-content\plugins\gravityforms\js\jquery-ui" See below the modification to Dutch. Hope this will work for you two. Cheers, Twana ------------- monthNames: ['Januari','Februari','Maart','April','Mei','Juni', 'Juli','Augustus','September','Oktober','November','December'], // Names of months for drop-down and formatting monthNamesShort: ['Jan', 'Feb', 'Mar', 'Apr', 'Mei', 'Jun', 'Jul', 'Aug', 'Sep', 'Okt', 'Nov', 'Dec'], // For formatting monthStatus: 'Show a different month', // Status text for selecting a month yearStatus: 'Show a different year', // Status text for selecting a year weekHeader: 'Wk', // Header for the week of the year column weekStatus: 'Week of the year', // Status text for the week of the year column dayNames: ['Zondag', 'Maandag', 'Dinsdag', 'Woensdag', 'Donderdag', 'Vrijdag', 'Zaterdag'], // For formatting dayNamesShort: ['Zo', 'Ma', 'Di', 'Wo', 'Do', 'Vr', 'Za'], // For formatting dayNamesMin: ['Zo','Ma','Di','Wo','Do','Vr','Za'], // Column headings for days starting at Sunday dayStatus: 'Set DD as first week day', // Status text for the day of the week selection quokka on "Localization of the Date Picker and Date Format" https://legacy.forums.gravityhelp.com/topic/localization-of-the-date-picker-and-date-format#post-50081 Tue, 21 Feb 2012 05:52:56 +0000 quokka 50081@https://legacy.forums.gravityhelp.com/ Nobody dealed with this before? Hopefully someone can share some code :) Thanks! quokka on "Localization of the Date Picker and Date Format" https://legacy.forums.gravityhelp.com/topic/localization-of-the-date-picker-and-date-format#post-50018 Mon, 20 Feb 2012 16:11:38 +0000 quokka 50018@https://legacy.forums.gravityhelp.com/ Hi, Need this too as my forms are in Dutch. Any idea how to include the language javascript conditionally, preferrable with a GF hook or something clean. Any suggestions are highly appreciated... Thanks in advance!