Joget DX Available for Download

Check out Joget DX, the next generation successor to Joget Workflow for faster, simpler digital transformation.

Skip to end of metadata
Go to start of metadata
Objective:

To localize the Date Picker field to a specific language

Example 1:

The example below uses "zh-CN".

You can download the i18n jQuery library for Date Picker from http://code.google.com/p/listr/source/browse/#svn%2Ftrunk%2Flistr%2Flib%2Fjs%2Fui%2Fi18n.

<script type="text/javascript" src="http://listr.googlecode.com/svn/trunk/listr/lib/js/ui/i18n/ui.datepicker-zh-CN.js" ></script>
<script type="text/javascript">
  $(document).ready(function(){
    $.datepicker.setDefaults($.datepicker.regional['zh-CN']);
  });
</script> 


Example 2:

The next example uses French "fr"

  1. Search for a jQuery Date Pickerfor French i.e https://gist.github.com/corsonr/4306287#file-jquery-ui-datepicker-fr-js
  2. download the file
  3. upload said file to the relevant app. Design App > Properties & Export > Add Resource
  4. Click the file in the Resource tab and take note of its hash variable (for example it would be something like #appResource.jquery.ui.datepicker-fr.js#)
  5. Then where the Date Pickeris located, drag and drop the custom HTML and paste the following code 
<script type="text/javascript" src="#appResource.jquery.ui.datepicker-fr.js#"></script>
<script type="text/javascript">
  $(document).ready(function(){
    $.datepicker.setDefaults($.datepicker.regional['fr']);
  });
</script> 
  • No labels