Jquery ui m)日期选择器(“选项”, $.datepicker.regional[$(this.val()]); }); });
日期: 南非荷兰语 阿尔巴尼亚语(Gjuha shqipe) 阿尔及利亚阿拉伯语 阿拉伯语(;(ل;ع;ر;ب;ي; 亚美尼亚语(Հ;ա;յ;ե;ր;ե;ն;) 阿塞拜疆(亚利桑那州和阿塞拜疆帝力) 巴斯克(尤斯卡拉) 波斯尼亚(波斯尼亚) 保加利亚语(б;ъ;л;г;а;р;с;к;и;е;з;и;к;) 加泰罗尼亚语(加泰罗尼亚语) 中国香港(和32321,和39636;和20013;和25991); 简体中文(简;体;中;文;) 中国传统文化(繁;體;中;文;) 克罗地亚人(赫瓦茨基·耶齐克) 捷克语(蒂娜) 丹麦语(丹麦) 荷兰(比利时) 荷兰(荷兰) 英国/澳大利亚 英语/新西兰 英语/英国 世界语 爱沙尼亚(eesti龙骨) 法罗群岛(fø;royskt) 波斯语/波斯语(;(ف;ا;ر;س;ی; 芬兰语(索米语) 法语(法语和法语;ais) 法国/瑞士(法国和瑞士) 加利西亚人 格鲁吉亚人 德语(德语) 希腊语(Ε;λ;λ;η;ν;ι;κ;ά;) 希伯来语(;(ע;ב;ר;י;ת; 印地语(ह;ि;ं;द;ी;) 匈牙利语(Magyar) 冰岛语(斯伦斯卡语) 印度尼西亚语(印度尼西亚语) 意大利语(意大利语) 日语(26085;&26412;&35486;) 哈萨克斯坦(哈萨克) 高棉语 韩语(한;국;어;) 拉脱维亚语(拉脱维亚语) 立陶宛语(lietuviu-kalba) 卢森堡语 马其顿的 马来亚拉姆 马来西亚语(马来西亚语) 挪威语(挪威语) 波兰语(波尔斯基语) 葡萄牙语(葡萄牙语和葡萄牙语) 葡萄牙人/巴西人(葡萄牙和巴西) 罗曼语(罗曼语) 罗马尼亚语(罗马尼亚语) 俄语(Р;у;с;с;к;и;й;) 塞尔维亚语(с;р;п;с;к;ј;е;и;к;) 塞尔维亚语(斯普斯基语) 斯洛伐克语(斯洛伐克语) 斯洛文尼亚语(斯洛文尼亚语) 西班牙语(西班牙语) 瑞典语(斯文斯卡语) 泰米尔语(த;ம;ி;ழ;்;) 泰语(ภ;า;ษ;า;ไ;ท;ย;) 塔吉克斯坦 土耳其语(土耳其语) 乌克兰语(У;к;р;а;ї;н;с;ь;к;а;) 越南语(越南语) 威尔士/英国(Cymraeg) 参考资料:Jquery ui m)日期选择器(“选项”, $.datepicker.regional[$(this.val()]); }); });,jquery-ui,datepicker,Jquery Ui,Datepicker,日期: 南非荷兰语 阿尔巴尼亚语(Gjuha shqipe) 阿尔及利亚阿拉伯语 阿拉伯语(;(ل;ع;ر;ب;ي; 亚美尼亚语(Հ;ա;յ;ե;ր;ե;ն;) 阿塞拜疆(亚利桑那州和阿塞拜疆帝力) 巴斯克(尤斯卡拉) 波斯尼亚(波斯尼亚) 保加利亚语(б;ъ;л;г;а;р;с;к;&
我成功地实现了这一点,我将语言包装在jquery ui中的select部分,不再需要它,因为我之前声明了dateformat和mindate选项,这是一切正常工作后的代码
<script type="text/javascript">
//<![CDATA[
$(function() {
$.datepicker.setDefaults( $.datepicker.regional[ "" ] );
$( "#from" ).datepicker({
defaultDate: "+4w",
changeMonth: true,
numberOfMonths: 2,
showButtonPanel: true,
showOn: "button",
buttonImage: "../images/calendar.gif",
buttonImageOnly: true,
minDate:"+1d",
dateFormat:"yy/mm/dd",
showAnim:"blind",
});
$( "#from" ).datepicker( $.datepicker.regional[ "en-GB" ] );
$( "#locale" ).change(function() {
$( "#from" ).datepicker( "option",
$.datepicker.regional[ $( this ).val() ] );
});
$( "#to" ).datepicker({
defaultDate: "+2w",
changeMonth: true,
numberOfMonths: 2,
showButtonPanel: true,
showOn: "button",
buttonImage: "../images/calendar.gif",
buttonImageOnly: true,
minDate:"",
dateFormat:"yy/mm/dd",
showAnim:"blind",
});
$( "#to" ).datepicker( $.datepicker.regional[ "en-GB" ] );
$( "#locale" ).change(function() {
$( "#to" ).datepicker( "option",
$.datepicker.regional[ $( this ).val() ] );
});
});
//]]>
</script>
//
好吧,我花了将近一整天的时间在我的jQuery DatePicker上实现本地化:
步骤1:在一个通用文件中创建一个JS文件,其中包含所有语言(您希望显示这些语言的翻译)的月名等的所有翻译,并将其命名为jquery.ui.datepicker-common.JS(或您喜欢的任何名称)
(您可以为所有必需的语言创建单独的JS文件,并为法语文件命名为--jquery.ui.datepicker-fr.JS)
第2步:将此JS文件包含在网页中,您希望在其中显示翻译后的值
<script src="Assets/JS/JQuery/jquery.ui.datepicker-fr.js" type="text/javascript"></script>
<html><head><title>Test1</title>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<link type="text/css" href="css/ui-lightness/jquery-ui-1.8.18.custom.css" rel="Stylesheet" />
<script type="text/javascript" src="js/jquery-ui-1.8.18.custom.min.js"></script>
<script type="text/javascript" src="jquery.ui.datepicker-fr.js"></script>
<script type="text/javascript" src="jquery.ui.datepicker-ar.js"></script>
<script type="text/javascript" src="jquery.ui.datepicker-af.js"></script>
</head><body>
<script type="text/javascript">
$(function() {
$.datepicker.setDefaults( $.datepicker.regional[ "" ] );
$( "#from" ).datepicker({
defaultDate: "+4w",
changeMonth: true,
numberOfMonths: 3,
showButtonPanel: true,
showOn: "button",
minDate:"+1d",
dateFormat:"yy/mm/dd",
showAnim:"bounce"
});
$( "#from" ).datepicker( $.datepicker.regional[ "en-GB" ] );
$( "#locale" ).change(function() {
$( "#from" ).datepicker( "option",
$.datepicker.regional[ $( this ).val() ] );
});
});
</script>
<p>Date: <input type="text" id="from"/>
<select id="locale">
<option value="af">Afrikaans</option>
<option value="sq">Albanian (Gjuha shqipe)</option>
<option value="ar-DZ">Algerian Arabic</option>
<option value="ar">Arabic (‫(لعربي</option>
<option value="hy">Armenian (Հայերեն)</option>
<option value="az">Azerbaijani (Azərbaycan dili)</option>
<option value="eu">Basque (Euskara)</option>
<option value="bs">Bosnian (Bosanski)</option>
<option value="bg">Bulgarian (български език)</option>
<option value="ca">Catalan (Català)</option>
<option value="zh-HK">Chinese Hong Kong (繁體中文)</option>
<option value="zh-CN">Chinese Simplified (简体中文)</option>
<option value="zh-TW">Chinese Traditional (繁體中文)</option>
<option value="hr">Croatian (Hrvatski jezik)</option>
<option value="cs">Czech (čeština)</option>
<option value="da">Danish (Dansk)</option>
<option value="nl-BE">Dutch (Belgium)</option>
<option value="nl">Dutch (Nederlands)</option>
<option value="en-AU">English/Australia</option>
<option value="en-NZ">English/New Zealand</option>
<option value="en-GB">English/UK</option>
<option value="eo">Esperanto</option>
<option value="et">Estonian (eesti keel)</option>
<option value="fo">Faroese (føroyskt)</option>
<option value="fa">Farsi/Persian (‫(فارسی</option>
<option value="fi">Finnish (suomi)</option>
<option value="fr" selected="selected">French (Français)</option>
<option value="fr-CH">French/Swiss (Français de Suisse)</option>
<option value="gl">Galician</option>
<option value="ge">Georgian</option>
<option value="de">German (Deutsch)</option>
<option value="el">Greek (Ελληνικά)</option>
<option value="he">Hebrew (‫(עברית</option>
<option value="hi">Hindi (हिंदी)</option>
<option value="hu">Hungarian (Magyar)</option>
<option value="is">Icelandic (Õslenska)</option>
<option value="id">Indonesian (Bahasa Indonesia)</option>
<option value="it">Italian (Italiano)</option>
<option value="ja">Japanese (日本語)</option>
<option value="kk">Kazakhstan (Kazakh)</option>
<option value="km">Khmer</option>
<option value="ko">Korean (한국어)</option>
<option value="lv">Latvian (Latvieöu Valoda)</option>
<option value="lt">Lithuanian (lietuviu kalba)</option>
<option value="lb">Luxembourgish</option>
<option value="mk">Macedonian</option>
<option value="ml">Malayalam</option>
<option value="ms">Malaysian (Bahasa Malaysia)</option>
<option value="no">Norwegian (Norsk)</option>
<option value="pl">Polish (Polski)</option>
<option value="pt">Portuguese (Português)</option>
<option value="pt-BR">Portuguese/Brazilian (Português)</option>
<option value="rm">Rhaeto-Romanic (Romansh)</option>
<option value="ro">Romanian (Română)</option>
<option value="ru">Russian (Русский)</option>
<option value="sr">Serbian (српски језик)</option>
<option value="sr-SR">Serbian (srpski jezik)</option>
<option value="sk">Slovak (Slovencina)</option>
<option value="sl">Slovenian (Slovenski Jezik)</option>
<option value="es">Spanish (Español)</option>
<option value="sv">Swedish (Svenska)</option>
<option value="ta">Tamil (தமிழ்)</option>
<option value="th">Thai (ภาษาไทย)</option>
<option value="tj">Tajikistan</option>
<option value="tr">Turkish (Türkçe)</option>
<option value="uk">Ukranian (Українська)</option>
<option value="vi">Vietnamese (Tiếng Việt)</option>
<option value="cy-GB">Welsh/UK (Cymraeg)</option>
</select></p>
</body></html>
<script type="text/javascript">
//<![CDATA[
$(function() {
$.datepicker.setDefaults( $.datepicker.regional[ "" ] );
$( "#from" ).datepicker({
defaultDate: "+4w",
changeMonth: true,
numberOfMonths: 2,
showButtonPanel: true,
showOn: "button",
buttonImage: "../images/calendar.gif",
buttonImageOnly: true,
minDate:"+1d",
dateFormat:"yy/mm/dd",
showAnim:"blind",
});
$( "#from" ).datepicker( $.datepicker.regional[ "en-GB" ] );
$( "#locale" ).change(function() {
$( "#from" ).datepicker( "option",
$.datepicker.regional[ $( this ).val() ] );
});
$( "#to" ).datepicker({
defaultDate: "+2w",
changeMonth: true,
numberOfMonths: 2,
showButtonPanel: true,
showOn: "button",
buttonImage: "../images/calendar.gif",
buttonImageOnly: true,
minDate:"",
dateFormat:"yy/mm/dd",
showAnim:"blind",
});
$( "#to" ).datepicker( $.datepicker.regional[ "en-GB" ] );
$( "#locale" ).change(function() {
$( "#to" ).datepicker( "option",
$.datepicker.regional[ $( this ).val() ] );
});
});
//]]>
</script>
<script src="Assets/JS/JQuery/jquery.ui.datepicker-fr.js" type="text/javascript"></script>
$("#DatePickerName").datepicker({
changeMonth: true,
changeYear: true,
defaultDate: "+4w",
minDate: "+1d",
dateFormat: "yy/mm/dd",
onSelect: function (selectedDate) {
$("#DatePickerName").datepicker(navigator.userLanguage,
$.datepicker.regional[$('#hdn_Locale').val()]);
}
});