jQueryUI datepicker:具有本地化的月/年菜单

时间:2012-12-22 04:44:20

标签: jquery jquery-ui jquery-ui-datepicker

我想做一个 jQuery UI datepicker 小部件,其中包含datepicker: jQuery UI所示的月/年菜单,但它也需要进行本地化,如{{{ 3}}

我不确定两者是否可以一起完成。我无法让它发挥作用。如果我添加本地化代码,我确实看到日历已正确本地化,但我丢失了月/年菜单。

有关i18n的工作样本,请参阅datepicker jQuery UI:localization。如果你注释掉i18n行:

$( "#dob" ).datepicker( $.datepicker.regional[ "ar" ] );

...然后你会看到月/年菜单正常工作。

有人知道如何让这些在一个小部件中协同工作吗?

1 个答案:

答案 0 :(得分:3)

首先要理解的是,第一次调用datepicker函数时,无论传递给它的是什么,都将用于初始化窗口小部件。之后,对datepicker的每次额外调用都将用于调用方法或设置选项。

在你的jsfiddle中,试试:

$( document ).ready( function() {
    $( "#dob" ).datepicker({
        changeMonth: true,
        changeYear: true
    }).datepicker("option", $.datepicker.regional[ "ar" ]);
});​

通过这种方式,我们使用changeMonthchangeYear的选项初始化datepicker。在我们的下一个电话中,我们可以更新一个选项,使其成为区域性的。