2012-12-22 47 views
0

我想這樣做,既有月/年菜單在datepicker: jQuery UI看到jQuery UI的日期選擇器小部件,但它也需要本地化,如datepicker jQuery UI:localization看到。jQueryUI的日期選擇器:月/年菜單本土化

我不確定兩者是否可以一起完成。我一直沒有能夠得到它的工作。如果我添加本地化代碼,我確實看到日曆已正確本地化,但我失去了月/年菜單。

請參閱JsFiddle瞭解i18n的工作示例。如果你評論國際線:

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

...然後你會看到月/年菜單正常工作。

有沒有人知道一種方法讓這兩個在一個小工具中一起工作?

回答

3

首先要明白的是,第一次調用datepicker函數時,您傳遞給它的任何東西都將用於初始化小部件。之後,每次datepicker的其他呼叫將用於調用方法或設置選項。

在你的jsfiddle,嘗試:

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

通過這種方式,我們用初始化選項的日期選擇爲changeMonthchangeYear。在我們的下一個電話中,我們可以更新選項,使其成爲區域性的

+0

謝謝!我試着將兩個引用結合起來,但顯然無法提出這種語法。看起來像是一種享受。 – charliegriefer

+0

欣賞解釋。不得不閱讀它幾次,但它確實有道理:) – charliegriefer

+1

沒問題。 jQuery本身首先是奇怪的語法 - 而jQuery UI爲他們的小部件增加了更多的複雜性。但是,一旦你瞭解他們,他們就很棒與他們合作。如果你真的想了解它們是如何工作的(所以你可以自己編寫),請閱讀[jQuery UI Widget Factory](http://wiki.jqueryui.com/w/page/12138135/Widget%20factory)。這個文檔已經過時了,因爲它們現在在UI 1.9上,但它是最好的解釋。 –

相關問題