2009-12-08 47 views
26

Tôi đang sử dụng datepicker jQuery từ jqueryui.com và tôi có một vấn đề thay đổi lịch sang tiếng Thụy Điển, tôi có mã này:JQuery datepicker ngôn ngữ

<script type="text/javascript"> 
    $(function() { 
     $.datepicker.setDefaults($.datepicker.regional['sv']); 
     $("#StartDate").datepicker(); 
     $('#StartDate').datepicker('option', 'dateFormat', 'yy-mm-dd'); 
    }); 
</script> 

Tuy nhiên nó cho thấy là một lịch bằng tiếng Anh.

Điều gì có thể bị thiếu?

Trả lời

25

Có lẽ bạn không có một tập tin ngôn ngữ:

file ngôn ngữ đang ở đây: https://github.com/jquery/jquery-ui/tree/master/ui/i18n

Một nội địa hóa mới nên được tạo trong một tập tin JavaScript riêng biệt có tên ui.datepicker-.js . Trong một sự kiện document.ready nó nên thêm một mục mới vào $ mảng .datepicker.regional, lập chỉ mục bởi mã ngôn ngữ, với thuộc tính sau:

http://api.jqueryui.com/datepicker/

+0

Ồ vâng, bạn là chính xác, đó là SV. Lời xin lỗi của tôi. –

+1

sw là dành cho ngôn ngữ .. gần như cùng một ngôn ngữ :) – Antti

-1

vẻ này hữu ích:

http://dev.jqueryui.com/browser/tags/1.8a1/ui/i18n/jquery-ui-i18n.js?rev=3060

tôi tải về các script jquery-ui-i18n.js và nó làm cho các tri ck^_^Lưu trữ đó không được bao gồm trong bản tải xuống tùy chỉnh.

Hy vọng điều đó sẽ hữu ích.

+3

404, không tìm thấy trang:/ – qualbeen

+0

Mặc dù liên kết là 404, tôi đã tìm kiếm trên web cho tệp đó. Những gì tôi tìm thấy, https://jquery-ui.googlecode.com/svn/tags/latest/ui/i18n/jquery-ui-i18n.js, chỉ là một sự pha trộn của phần mở rộng ngôn ngữ cho một số ngôn ngữ. Nó không giải quyết câu hỏi của OP cả. –

11

Bạn cần phải làm một cái gì đó như thế này,

$.datepicker.regional['fr'] = {clearText: 'Effacer', clearStatus: '', 
    closeText: 'Fermer', closeStatus: 'Fermer sans modifier', 
    prevText: '<Préc', prevStatus: 'Voir le mois précédent', 
    nextText: 'Suiv>', nextStatus: 'Voir le mois suivant', 
    currentText: 'Courant', currentStatus: 'Voir le mois courant', 
    monthNames: ['Janvier','Février','Mars','Avril','Mai','Juin', 
    'Juillet','Août','Septembre','Octobre','Novembre','Décembre'], 
    monthNamesShort: ['Jan','Fév','Mar','Avr','Mai','Jun', 
    'Jul','Aoû','Sep','Oct','Nov','Déc'], 
    monthStatus: 'Voir un autre mois', yearStatus: 'Voir un autre année', 
    weekHeader: 'Sm', weekStatus: '', 
    dayNames: ['Dimanche','Lundi','Mardi','Mercredi','Jeudi','Vendredi','Samedi'], 
    dayNamesShort: ['Dim','Lun','Mar','Mer','Jeu','Ven','Sam'], 
    dayNamesMin: ['Di','Lu','Ma','Me','Je','Ve','Sa'], 
    dayStatus: 'Utiliser DD comme premier jour de la semaine', dateStatus: 'Choisir le DD, MM d', 
    dateFormat: 'dd/mm/yy', firstDay: 0, 
    initStatus: 'Choisir la date', isRTL: false}; 
$.datepicker.setDefaults($.datepicker.regional['fr']); 

cho dữ liệu sv làm theo đường dẫn sau

http://code.google.com/p/logicss/source/browse/trunk/media/jquery/jquery.ui.i18n.all.min.js?r=41

8

Bạn cần dòng sau:

<script src="../jquery/development-bundle/ui/i18n/jquery.ui.datepicker-sv.js"></script> 

Điều chỉnh đường dẫn tùy thuộc vào nơi bạn đặt các tập tin jquery.

9

Điều này dành cho người Hà Lan.

$.datepicker.regional['nl'] = {clearText: 'Effacer', clearStatus: '', 
    closeText: 'sluiten', closeStatus: 'Onveranderd sluiten ', 
    prevText: '<vorige', prevStatus: 'Zie de vorige maand', 
    nextText: 'volgende>', nextStatus: 'Zie de volgende maand', 
    currentText: 'Huidige', currentStatus: 'Bekijk de huidige maand', 
    monthNames: ['januari','februari','maart','april','mei','juni', 
    'juli','augustus','september','oktober','november','december'], 
    monthNamesShort: ['jan','feb','mrt','apr','mei','jun', 
    'jul','aug','sep','okt','nov','dec'], 
    monthStatus: 'Bekijk een andere maand', yearStatus: 'Bekijk nog een jaar', 
    weekHeader: 'Sm', weekStatus: '', 
    dayNames: ['zondag','maandag','dinsdag','woensdag','donderdag','vrijdag','zaterdag'], 
    dayNamesShort: ['zo', 'ma','di','wo','do','vr','za'], 
    dayNamesMin: ['zo', 'ma','di','wo','do','vr','za'], 
    dayStatus: 'Gebruik DD als de eerste dag van de week', dateStatus: 'Kies DD, MM d', 
    dateFormat: 'dd/mm/yy', firstDay: 1, 
    initStatus: 'Kies een datum', isRTL: false}; 
$.datepicker.setDefaults($.datepicker.regional['nl']); 
+0

Cảm ơn Bart, chỉ là những gì tôi đang tìm kiếm. – Bas

4

Đây là ví dụ về cách bạn có thể tự bản địa hóa.

jQuery(function($) { 
 
    $('input.datetimepicker').datepicker({ 
 
    duration: '', 
 
    changeMonth: false, 
 
    changeYear: false, 
 
    yearRange: '2010:2020', 
 
    showTime: false, 
 
    time24h: true 
 
    }); 
 

 
    $.datepicker.regional['cs'] = { 
 
    closeText: 'Zavřít', 
 
    prevText: '&#x3c;Dříve', 
 
    nextText: 'Později&#x3e;', 
 
    currentText: 'Nyní', 
 
    monthNames: ['leden', 'únor', 'březen', 'duben', 'květen', 'červen', 'červenec', 'srpen', 
 
     'září', 'říjen', 'listopad', 'prosinec' 
 
    ], 
 
    monthNamesShort: ['led', 'úno', 'bře', 'dub', 'kvě', 'čer', 'čvc', 'srp', 'zář', 'říj', 'lis', 'pro'], 
 
    dayNames: ['neděle', 'pondělí', 'úterý', 'středa', 'čtvrtek', 'pátek', 'sobota'], 
 
    dayNamesShort: ['ne', 'po', 'út', 'st', 'čt', 'pá', 'so'], 
 
    dayNamesMin: ['ne', 'po', 'út', 'st', 'čt', 'pá', 'so'], 
 
    weekHeader: 'Týd', 
 
    dateFormat: 'dd/mm/yy', 
 
    firstDay: 1, 
 
    isRTL: false, 
 
    showMonthAfterYear: false, 
 
    yearSuffix: '' 
 
    }; 
 

 
    $.datepicker.setDefaults($.datepicker.regional['cs']); 
 
});
<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
    <link data-require="[email protected]*" data-semver="1.10.0" rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.0/css/smoothness/jquery-ui-1.10.0.custom.min.css" /> 
 
    <script data-require="[email protected]*" data-semver="1.10.0" src="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.0/jquery-ui.js"></script> 
 
    <script src="datepicker-cs.js"></script> 
 
    <script type="text/javascript"> 
 
    $(document).ready(function() { 
 
     console.log("test"); 
 
     $("#test").datepicker({ 
 
     dateFormat: "dd.m.yy", 
 
     minDate: 0, 
 
     showOtherMonths: true, 
 
     firstDay: 1 
 
     }); 
 
    }); 
 
    </script> 
 
</head> 
 

 
<body> 
 
    <h1>Here is your datepicker</h1> 
 
    <input id="test" type="text" /> 
 
</body> 
 
</html>

0

Một Cập nhật nhanh chóng, cho các văn bản "Hôm nay", tên đúng là:

todayText: 'Huidige', todayStatus: 'Bekijk de huidige maand', 
1

Bao gồm nguồn tập tin ngôn ngữ trong kịch bản đầu của cơ thể HTML.

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/i18n/jquery-ui-i18n.min.js"></script> 

Ví dụ trên JSFiddle

Các vấn đề liên quan