jQuery Datepicker本地化
我需要一个法国的日历，我不明白这个问题。 我想我没有使用区域选项。 但…
这是我的代码：
$(function() { $('#Date').datepicker({ showMonthAfterYear: false, showOn: 'both', buttonImage: 'media/img/calendar.png', buttonImageOnly: true, dateFormat:'d MM, y' }, $.datepicker.regional['fr'] ); }); 你可以这样做
$.datepicker.regional['fr'] = {clearText: 'Effacer', clearStatus: '', closeText: 'Fermer', closeStatus: 'Fermer sans modifier', prevText: '<Préc', prevStatus: 'Voir le mois précédent', nextText: 'Suiv>', nextStatus: 'Voir le mois suivant', currentText: 'Courant', currentStatus: 'Voir le mois courant', monthNames: ['Janvier','Février','Mars','Avril','Mai','Juin', 'Juillet','Août','Septembre','Octobre','Novembre','Décembre'], monthNamesShort: ['Jan','Fév','Mar','Avr','Mai','Jun', 'Jul','Aoû','Sep','Oct','Nov','Déc'], monthStatus: 'Voir un autre mois', yearStatus: 'Voir un autre année', weekHeader: 'Sm', weekStatus: '', dayNames: ['Dimanche','Lundi','Mardi','Mercredi','Jeudi','Vendredi','Samedi'], dayNamesShort: ['Dim','Lun','Mar','Mer','Jeu','Ven','Sam'], dayNamesMin: ['Di','Lu','Ma','Me','Je','Ve','Sa'], dayStatus: 'Utiliser DD comme premier jour de la semaine', dateStatus: 'Choisir le DD, MM d', dateFormat: 'dd/mm/yy', firstDay: 0, initStatus: 'Choisir la date', isRTL: false}; $.datepicker.setDefaults($.datepicker.regional['fr']);
该代码应该可以工作，但是您需要在页面中包含本地化（默认情况下不包含）。 尝试把它放在你的<head>标签中， 在你包含jQuery和jQueryUI的地方：
<script type="text/javascript" src="https://raw.githubusercontent.com/jquery/jquery-ui/master/ui/i18n/datepicker-fr.js"> </script>
我无法findjQueryUI网站上logging的位置，但是如果您查看此演示的源代码，则会看到这是他们的做法。 此外，请注意，包括这个JS文件将dateselect器默认设置为法语，所以如果你只想要一些dateselect器是法语，你必须设置为英语的默认。
你可以在githubfind所有的语言： https ： //github.com/jquery/jquery-ui/tree/master/ui/i18n
如果您想要包含除区域本地化之外的一些选项，则必须使用$ .extend，如下所示：
$(function() { $('#Date').datepicker($.extend({ showMonthAfterYear: false, dateFormat:'d MM, y' }, $.datepicker.regional['fr'] )); });
您必须像这样扩展区域选项（为了便于阅读，代码分成多行）：
var options = $.extend( {}, // empty object $.datepicker.regional["fr"], // fr regional { dateFormat: "d MM, y" /*, ... */ } // your custom options ); $("#datepicker").datepicker(options);
由于jQuery.extend工作方式，参数的顺序非常重要。 两个不正确的例子
/* * This overwrites the global variable itself instead of creating a * customized copy of french regional settings */ $.extend($.datepicker.regional["fr"], { dateFormat: "d MM, y"}); /* * The desired dateFormat is overwritten by french regional * settings' date format */ $.extend({ dateFormat: "d MM, y"}, $.datepicker.regional["fr"]);
PS：你还需要加载jQuery UI i18n文件：
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/i18n/jquery-ui-i18n.min.js"> </script>
如果您正在寻找西class牙语（datepicker enespañol）的datepicker，
<script type="text/javascript"> $.datepicker.regional['es'] = { monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'], monthNamesShort: ['Ene', 'Feb', 'Mar', 'Abr', 'May', 'Jun', 'Jul', 'Ago', 'Sep', 'Oct', 'Nov', 'Dic'], dayNames: ['Domingo', 'Lunes', 'Martes', 'Miercoles', 'Jueves', 'Viernes', 'Sabado'], dayNamesShort: ['Dom', 'Lun', 'Mar', 'Mie', 'Jue', 'Vie', 'Sab'], dayNamesMin: ['Do', 'Lu', 'Ma', 'Mc', 'Ju', 'Vi', 'Sa'] } $.datepicker.setDefaults($.datepicker.regional['es']); </script>
dateselect器（德语）：
$.datepicker.regional['de'] = { monthNames: ['Januar','Februar','März','April','Mai','Juni', 'Juli','August','September','Oktober','November','Dezember'], monthNamesShort: ['Jan','Feb','Mär','Apr','Mai','Jun', 'Jul','Aug','Sep','Okt','Nov','Dez'], dayNames: ['Sonntag','Montag','Dienstag','Mittwoch','Donnerstag','Freitag','Samstag'], dayNamesShort: ['Son','Mon','Die','Mit','Don','Fre','Sam'], dayNamesMin: ['So','Mo','Di','Mi','Do','Fr','Sa'], firstDay: 1}; $.datepicker.setDefaults($.datepicker.regional['de']);
