jQuery Timepicker - problem z "locale" Opcje

[swiezak]

Używam datepickera w połączeniu z timepickerem w wersji 1.6.1: http://trentrichardson.com/examples/timepicker/

Wszystko działa, oprócz tłumaczenia interfejsu w języku polskim.

Dołączam stosowne pliki js do nagłówka:
jquery-ui.min.js
jquery-ui-timepicker-addon.js
jquery-ui-timepicker-addon-i18n.min.js

W tym ostatnim są tłumaczenia, w tym polskie.

Skrypt wywołuję w ten sposób:

[HTML] pobierz, plaintext 
	$('.datetimepicker').datetimepicker({
		timeFormat: 'HH:mm:ss',
		dateFormat: 'dd-mm-yy'
	});
[HTML] pobierz, plaintext 

Próbuję wywołać metodę, która jest odpowiedzialna za aktywację tłumaczenia, ale nie działa - konsola w FF pokazuje błąd: TypeError: $.datetimepicker is undefined.

[HTML] pobierz, plaintext 
$.datetimepicker.setDefaults($.datetimepicker.regional['pl']);
[HTML] pobierz, plaintext 

Będę wdzięczny za udzieloną pomoc w okiełznaniu tego pickera.

Ten post edytował swiezak 11.01.2016, 19:07:34

[qbson69]

Wygląda, że nie ma takiego obiektu, spróbuj tak:

[HTML] pobierz, plaintext 
$.timepicker.setDefaults($.timepicker.regional['pl']);
[HTML] pobierz, plaintext 

lub

[HTML] pobierz, plaintext 
$.datepicker.setDefaults($.datepicker.regional['pl']);
[HTML] pobierz, plaintext 

[swiezak]

Próbowałem wywyołać metody w takiej postaci, jak zasugerowałeś, ale... konsola w FF błędów co prawda nie pokazuje błędów, jednak tłumaczenie w dalszym ciągu nie jest aktywne.

[qbson69]

Nie masz tłumaczeń zarówno w przypadku kalendarza, jak i timepickera? Masz zaincludowany plik do tłumaczenia kalendarza (coś w stylu datepicker-pl.js)?

[swiezak]

Tłumaczenie znajduje się w pliku jquery-ui-timepicker-addon-i18n.min.js.
W nim jest m.in. metoda a.timepicker.regional.pl, ale to nie działa nie wiedzieć dlaczego.

[qbson69]

Ok, zaincluduj jeszcze plik jquery-ui-i18n.min.js (jeśli nie ma), aby mieć tłumaczenia oryginalne z datepickera, a następnie uruchom tłumaczenia, zarówno datepickera jak i timepickera w ten sposób:

[HTML] pobierz, plaintext 
 $('.datetimepicker').datetimepicker({
    		timeFormat: 'HH:mm:ss',
    		dateFormat: 'dd-mm-yy'
 
    	});
  $('.datetimepicker').datetimepicker("option", $.datepicker.regional['pl']);
  $('.datetimepicker').datetimepicker("option", $.timepicker.regional['pl']);
[HTML] pobierz, plaintext 

Musi działać

Działający i kompletny kod wrzuciłem tu: https://jsfiddle.net/zbpz8hvk/

Ten post edytował qbson69 11.01.2016, 20:04:37

[swiezak]

W tej chwili już wszystko działa, ale musiałem dokonać następujących zabiegów:

[HTML] pobierz, plaintext 
	$('.datetimepicker').datetimepicker({
		timeFormat: 'HH:mm:ss',
		dateFormat: 'dd-mm-yy'
	});
 
	$.datepicker.regional['pl'] = {
		closeText: 'Zamknij',
		prevText: '<Poprzedni',
		nextText: 'Następny>',
		currentText: 'Dziś',
 		monthNames: ['Styczeń','Luty','Marzec','Kwiecień','Maj','Czerwiec','Lipiec','Sierpień','Wrzesień','Październik','Listopad','Grudzień'],
 		monthNamesShort: ['Sty','Lu','Mar','Kw','Maj','Cze','Lip','Sie','Wrz','Pa','Lis','Gru'],
		dayNames: ['Niedziela','Poniedziałek','Wtorek','Środa','Czwartek','Piątek','Sobota'],
		dayNamesShort: ['Nie','Pn','Wt','Śr','Czw','Pt','So'],
		dayNamesMin: ['N','Pn','Wt','Śr','Cz','Pt','So'],
		weekHeader: 'Tydz',
		dateFormat: 'dd.mm.yy',
		firstDay: 1,
		isRTL: false,
		showMonthAfterYear: false,
		yearSuffix: ''
	};
	$.datepicker.setDefaults($.datepicker.regional['pl']);
 
        $('.datetimepicker').datetimepicker("option", $.timepicker.regional['pl']);
[HTML] pobierz, plaintext 

Dziękuję za poświecony czas, cierpliwość i pomoc.

Pozdrawiam.

Ten post edytował swiezak 11.01.2016, 20:23:28