Naprawdę potrzebuję zlokalizowanego kalendarza rozwijanego. Angielski kalendarz nie mówi dokładnie o doskonałości na norweskiej stronie internetowej ;-)
Eksperymentowałem z jQuery DatePicker , na ich stronie internetowej jest napisane, że można go zlokalizować, ale to nie działa.
Używam ASPNET.MVC i naprawdę chcę trzymać się jednej biblioteki javascript. W tym przypadku jQuery.
Kalendarz z zestawu narzędzi AJAX byłby akceptowalny, gdyby tylko on wyświetlał norweskie nazwy.
Aktualizacja: super! Widzę, że brakuje mi plików językowych, nie tak drobny szczegół :-)
javascript
jquery-ui
localization
calendar
jquery-ui-datepicker
Thomas Eyde
źródło
źródło
Odpowiedzi:
Dla tych, którzy nadal mają problemy, musisz pobrać żądany plik językowy stąd:
a następnie umieść go na swojej stronie, na przykład (język włoski):
następnie użyj kodu zilverdistel : D
źródło
Rozszyfrowałem demo i zaimplementowałem w następujący sposób:
Musiałem też ustawić domyślny format daty ...
źródło
$.datepicker.setDefaults($.datepicker.regional["uk"]);
Ciąg
$.datepicker.regional['it']
nie tłumaczy wszystkich słów.Aby przetłumaczyć datepicker, musisz określić kilka zmiennych:
W tym przypadku datapicker jest poprawnie przetłumaczony.
źródło
$.getScript()
do pobierania głównej biblioteki z hostowanego interfejsu API Google.kod i18n można skopiować z https://github.com/jquery/jquery-ui/tree/master/ui/i18n
źródło
1. Musisz załadować pliki jQuery UI i18n:
2. Użyj
$.datepicker.setDefaults
funkcji, aby ustawić wartości domyślne dla WSZYSTKICH datepickerów.3. Jeśli chcesz zmienić ustawienia przed ustawieniem wartości domyślnych, możesz użyć tego:
Kolejność parametrów jest ważna ze względu na sposób
jQuery.extend
działania. Dwa niepoprawne przykłady:źródło
Oto przykład, jak możesz dokonać lokalizacji bez dodatkowej biblioteki.
źródło
Jeśli korzystasz z datepicker i moment.js interfejsu jQuery UI w tym samym projekcie, powinieneś przejść do danych regionalnych moment.js:
źródło
na wypadek gdyby ktoś NADAL na tym utknął, pomimo innych odpowiedzi, rozwiązałem to za pomocą:
zwróć uwagę na dodatkowe „GB”. Potem działało dobrze.
źródło
To rozwiązanie może pomóc.
źródło
Rozwiązałem to dodając właściwość
data-date-language="it"
:źródło
źródło
$ .datepicker.regional ["vi-VN"] = {closeText: "Đóng", prevText: "Trước", nextText: "Sau", currentText: "Hôm nay", monthNames: ["Tháng một", "Tháng hai „,„ Tháng ba ”,„ Tháng tư ”,„ Tháng năm ”,„ Tháng sáu ”,„ Tháng bảy ”,„ Tháng tám ”,„ Tháng chín ”,„ Tháng mười ”,„ Tháng mười một ”,„ Tháng mười hai ”], monthNamesShort: [„ Một ”,„ Hai ”,„ Ba ”,„ Bốn ”,„ Năm ”,„ Sáu ”,„ Bảy ”,„ Tám ”,„ Chin ”,„ Mười ”,„ Mười một "," Mười hai "], dayNames: ["Chủ nhật ”,„ Thứ hai ”,„ Thứ ba ”,„ Thứ tư ”,„ Thứ năm ”,„ Thứ sáu ”,„ Thứ bảy ”], dayNamesShort: [„ CN ”,„ Hai ”,„ Ba ”, „Tư”, „Năm”, „Sáu”, „Bảy”], dayNamesMin: [„CN”, „T2”, „T3”, „T4”, „T5”, „T6”, „T7”], weekHeader : "Tuần", dateFormat: "dd / mm / rr", firstDay: 1, isRTL: false, showMonthAfterYear: false, yearSuffix: ""};dayNamesShort: ["CN", "Hai", "Ba", "Tư", "Năm", "Sáu", "Bảy"], dayNamesMin: ["CN", "T2", "T3", "T4" , "T5", "T6", "T7"], weekHeader: "Tuần", dateFormat: "dd / mm / rr", firstDay: 1, isRTL: false, showMonthAfterYear: false, yearSuffix: ""};dayNamesShort: ["CN", "Hai", "Ba", "Tư", "Năm", "Sáu", "Bảy"], dayNamesMin: ["CN", "T2", "T3", "T4" , "T5", "T6", "T7"], weekHeader: "Tuần", dateFormat: "dd / mm / rr", firstDay: 1, isRTL: false, showMonthAfterYear: false, yearSuffix: ""};weekHeader: "Tuần", dateFormat: "dd / mm / rr", firstDay: 1, isRTL: false, showMonthAfterYear: false, yearSuffix: ""};weekHeader: "Tuần", dateFormat: "dd / mm / rr", firstDay: 1, isRTL: false, showMonthAfterYear: false, yearSuffix: ""};
źródło