Possibility to translate timepicker addon on datepicker

[apeisa]

It's easy to translate jquery ui datepicker (change url to translation file from language pack), but is the same possible for timepicker addon?

[ryan]

I haven't taken a close look at it yet, but there is some info about localization for this timepicker on this page: http://trentrichardson.com/examples/timepicker/

[gebeer]

It's easy to translate jquery ui datepicker (change url to translation file from language pack), but is the same possible for timepicker addon?

Sounds easy. But for a PW newb like me, how would I go about changing that URL?

Talking about datepicker in frontend form built with fabulous FormBuilder module.

Cheers

gerhard

[teppo]

@gebeer: you need to translate /wire/modules/Inputfield/InputfieldDatetime/InputfieldDatetime.module file via Setup > Languages, i.e. the built-in multi-language support. Once you start translating that file, insert the datepicker translation file you wish to use into the first input titled "Datepicker translation file."

You can see a list of available translation files here: https://github.com/ryancramerdesign/ProcessWire/tree/master/wire/modules/Jquery/JqueryUI/i18n. To get german translations, you'd insert "/wire/modules/Jquery/JqueryUI/i18n/jquery.ui.datepicker-de.js" etc.

[teppo]

@ryan: timepicker seems to support translation system identical to datepicker. Is there a chance that you could somehow include it's i18n files (in jQuery UI i18n directory or with the inputfield module itself) and ability to load selected one (perhaps in same way as with datepicker) at some point?

[gebeer]

@teppo

thank you. I knew that it would be quite easy.

[ryan]

@ryan: timepicker seems to support translation system identical to datepicker. Is there a chance that you could somehow include it's i18n files (in jQuery UI i18n directory or with the inputfield module itself) and ability to load selected one (perhaps in same way as with datepicker) at some point?

Yes, I'd be happy to do this. I didn't realize it was that simple. I've got some other things on the to-do list first, so if anyone gets to it before I do feel free to send over the files and I'll add them when I get back in the office next week. 

[kixe]

Translation Problems

• Path of 'Datepicker translation file' is set in translation file (json) of inputfield DateTime.
• File (/wire/modules/Jquery/JqueryUI/i18n/jquery.ui.datepicker-de.js) exist and is accesible.
• cache cleaned
• Datepicker still uses default regional settings

Need help, any ideas?

# Edit 23.04.2015
Problem solved, edited jquery translation by adding timepicker regional settings. (/wire/modules/Jquery/JqueryUI/i18n/jquery.ui.datepicker-de.js). Example below (german)

/* German initialisation for the jQuery UI date picker plugin. */
/* Written by Milian Wolff (mail@milianw.de). */
/* edited by kixe: timepicker settings added 23.04.2015 */
jQuery(function($){
    $.datepicker.regional['de'] = {
        closeText: 'schließen',
        prevText: '<zurück',
        nextText: 'Vor>',
        currentText: 'heute',
        monthNames: ['Januar','Februar','März','April','Mai','Juni',
        'Juli','August','September','Oktober','November','Dezember'],
        monthNamesShort: ['Jan','Feb','Mär','Apr','Mai','Jun',
        'Jul','Aug','Sep','Okt','Nov','Dez'],
        dayNames: ['Sonntag','Montag','Dienstag','Mittwoch','Donnerstag','Freitag','Samstag'],
        dayNamesShort: ['So','Mo','Di','Mi','Do','Fr','Sa'],
        dayNamesMin: ['So','Mo','Di','Mi','Do','Fr','Sa'],
        weekHeader: 'KW',
        dateFormat: 'dd.mm.yy',
        firstDay: 1,
        isRTL: false,
        showMonthAfterYear: false,
        yearSuffix: ''};
    $.datepicker.setDefaults($.datepicker.regional['de']);
    
    
    $.timepicker.regional['de'] = {
        timeText: 'Uhrzeit',
        hourText: 'Stunde',
        minuteText: 'Мinute',
        secondText: 'Sekunde',
        millisecText: 'Millisekunde',
        timezoneText: 'Zeitzone',
        currentText: 'jetzt',
        closeText: 'schließen',
        timeFormat: 'HH:mm',
        isRTL: false
    };
    $.timepicker.setDefaults($.timepicker.regional['de']);
});

Edited April 23, 2015 by kixe

[bernhard]

Seems that things changed slightly ? 

This worked for me today:

• Translate file /wire/modules/Inputfield/InputfieldDatetime/types/InputfieldDatetimeText.php
• Set path: /wire/modules/Jquery/JqueryUI/i18n/jquery.ui.datepicker-de.js

Search keys: datetime, date picker, monday, translate, sunday, german