jQueryUI datepicker：具有本地化功能的月/年菜单

Question

我想做一个 jQuery UI datepicker 小部件，它具有月/年菜单，如 datepicker: jQuery UI 所示，但它也需要本地化，如 datepicker jQuery UI:localization 所示。

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

有关 i18n 的工作示例，请参阅 JsFiddle。如果您注释掉 i18n 行：

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

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

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

Answer 1

首先要了解的是，第一次调用datepicker 函数时，您传递给它的任何内容都将用于初始化小部件。之后，每次对datepicker 的额外调用都将用于调用方法或设置选项。

在你的 jsfiddle 中，尝试：

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

以这种方式，我们使用changeMonth 和changeYear 的选项初始化日期选择器。在我们的下一次通话中，我们可以更新一个选项，使其成为区域性的。