2012-06-01 59 views
4

我一直在使用這美妙的Adding a Timepicker to a jQuery UI Datepicker本地化

在我的例子我使用的是HTML select改變我的日曆(英語和意大利語)的區域設置的jQuery UI的TimePicker插件。
我已經能夠本地化日曆中的datepicker,但我無法將timePicker本地化。

我想更改timeText,hourTextminuteText,但無法找到出路。
例如,它想改變hourText「一小時」

我已經試過

$(".order-date").datetimepicker("option", "timeText", currentCulture == "en" ? "Time" : "Tempo"); 
$(".order-date").datetimepicker("option", "hourText", currentCulture == "en" ? "Hour" : "Ora"); 
$(".order-date").datetimepicker("option", "minuteText", currentCulture == "en" ? "Minute" : "Minuto"); 

但是,這是行不通的「奧拉」。我在這裏錯過了什麼?

演示的我做了什麼至今:http://jsfiddle.net/naveen/qysVp/

回答

3

我不知道這是否是最好的方式,因爲我沒有找到任何動態的方式來改變通過選擇文本,您可以使用以下代碼來實現這一

var timeText = currentCulture == "en" ? "Time" : "Tempo"; 
var hourText = currentCulture == "en" ? "Hour" : "Ora"; 
var minuteText = currentCulture == "en" ? "Minute" : "Minuto"; 

$(".order-date").datetimepicker('destroy'); 
$(".order-date").datetimepicker({ 
     ampm: true, 
     hourText : hourText, 
     minuteText: minuteText, 
     timeText: timeText, 

}); 
$(".order-date").datetimepicker("option", $.datepicker.regional[currentCulture]); 

通過破壞並與更新的設置重新開始日期選擇器。

Working Fiddle