• Home
  • How-To
  • Change Language on mobile app datepicker

How-To

Change Language on mobile app datepicker

This How-To only applies to the mobile app date picker.

The mobile app uses the JQueryMobile datepicker from jtSage.

 

Edit file index.php and have it load the translations file...

Around line 47 look for:
<script type="text/javascript" src="/jtsage_sv.min.js"></script>

Add red code:
<script type="text/javascript" src="/jtsage_sv.min.js"></script>
<script type="text/javascript" src="http://cdn.jtsage.com/datebox/i18n/jqm-datebox.lang.utf8.js"></script>

 

 

 

Now edit the new_booking.html page set 'da' as the default language.

Line 42 look for:
data-options='{"mode":"calbox", "disableManualInput":true, "useDialogForceTrue":true, "noButtonFocusMode":true, "overrideDateFormat":"%Y-%m-%d" }'>

Add red code:
data-options='{"mode":"calbox", "disableManualInput":true, "useDialogForceTrue":true, "noButtonFocusMode":true, "overrideDateFormat":"%Y-%m-%d", "useLang":"da" }'>

 

Now the date picker will show like..

 

 

The day/month names used in the mobile app are in config.js

// if you want a different language you can edit these..

var d_names = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
var m_names = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
var m_fnames = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];