如何为两个jquery ui datepickers设置语言

时间:2012-03-25 12:46:56

标签: jquery jquery-ui datepicker

我的页面中有两个jquery ui datepickers,我想为每一个使用特定语言(对于一个日期选择器,请说德语,对于另一个日期选择器,请说意大利语)

现在问题出现了:调用的最后一个语言文件将其设置应用于所有日期选择器(在这种情况下,意大利语应用于两个输入)。 我正在使用以下代码,我应该更改为每个日期选择器应用特定语言?感谢

<script type="text/javascript" src="http://jquery-ui.googlecode.com/svn/trunk/ui/i18n/jquery.ui.datepicker-de.js"></script>

<script type="text/javascript" src="http://jquery-ui.googlecode.com/svn/trunk/ui/i18n/jquery.ui.datepicker-it.js"></script>

$(function(){

    $.datepicker.setDefaults($.datepicker.regional['de']);
    $( "#en" ).datepicker();

    $.datepicker.setDefaults($.datepicker.regional['it']);
    $( "#it" ).datepicker();


    });

4 个答案:

答案 0 :(得分:14)

您就是这样做的: [Read Manual]

$.datepicker.setDefaults($.datepicker.regional['de']); 
                      //  ^ first set a default locale
$("#en").datepicker($.datepicker.regional['en']);  
                 // ^ then different locale for different
$("#it").datepicker($.datepicker.regional['it']);  

答案 1 :(得分:4)

答案 2 :(得分:2)

使用此代码,

$("#en").datepicker("option", $.datepicker.regional["de"]);​
$("#it").datepicker("option", $.datepicker.regional["it"]);​

http://jqueryui.com/demos/datepicker/#localization

答案 3 :(得分:0)

根据docs,您可以将区域作为选项传递给datepicker(),如下所示:

$.datepicker.setDefaults( $.datepicker.regional[ "" ] );
    $( "#datepicker" ).datepicker( $.datepicker.regional[ "fr" ] );
    $( "#locale" ).change(function() {
        $( "#datepicker" ).datepicker( "option",
            $.datepicker.regional[ $( this ).val() ] );
    });