Javascript jQuery日期选择器本地化

我需要一个法式日历，但我不明白这个问题。我想我没有像应该的那样使用区域选项。但是

这是我的密码：

$（函数（）{
$（“#日期”）.datepicker({
showmont第三年：假，
showOn:“两者都有”，
buttonImage:'media/img/calendar.png'，
buttonImageOnly:正确，
日期格式：'d MM，y'
},
$.datepicker.regional['fr']
);
});

该代码应该可以工作，但您需要在页面中包含本地化（默认情况下不包括本地化）。尝试将其放入

标记中，在包含jQuery和jQueryUI之后的某个位置：

<script type="text/javascript"
        src="https://raw.githubusercontent.com/jquery/jquery-ui/master/ui/i18n/datepicker-fr.js">
</script>

我在jQueryUI站点上找不到这方面的文档，但是如果你看到他们就是这样做的。另外，请注意，包含这个JS文件会将日期选择器默认值设置为法语，因此如果您只希望一些日期选择器使用法语，则必须将默认值设置回英语

您可以在github找到所有语言： 你可以这样做

 $.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']);

---

如果要包括区域本地化之外的一些选项，则必须使用$.extend，如下所示：

$(function() {
   $('#Date').datepicker($.extend({
      showMonthAfterYear: false,
      dateFormat:'d MM, y'
    },
    $.datepicker.regional['fr']
  ));
});

---

您必须像这样扩展区域选项（为了可读性，代码分为多行）：

由于其工作方式，参数的顺序很重要。两个不正确的例子：

/*
 * 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>

---

如果您正在寻找西班牙语的datepicker（西班牙语的datepicker）

$.datepicker.regional['es']={
monthNames:['Enero'，'Febrero'，'Marzo'，'Abril'，'Mayo'，'Junio'，'Julio'，'Agosto'，'Septiembre'，'Octubre'，'Noviembre'，'Diciembre']，
月信息：['Ene'，'Feb'，'Mar'，'Abr'，'May'，'Jun'，'Jun'，'Ago'，'Sep'，'Oct'，'Nov'，'Dic']，
日名：[“多明戈”、“伦斯”、“马蒂斯”、“米尔科勒”、“朱维斯”、“维也纳”、“萨巴多”]，
dayNamesShort:['Dom'、'Lun'、'Mar'、'Mie'、'Jue'、'Vie'、'Sab']，
dayNamesMin:['Do'、'Lu'、'Ma'、'Mc'、'Ju'、'Vi'、'Sa']
}
$.datepicker.setDefaults（$.datepicker.regional['es']）；

德语日期选择器（德语）：

芬兰语日期选择器（Kännös suomeksi）

我刚才补充说

jQuery.datetimepicker.setLocale('fr');

---

实际上，我发现这种方法对我的目的来说是最好的。这样，您就可以通过自己的变量注入字符串，而不必依赖于（有时不完整的）jQuery UI本地化。您现在可以在github上找到它们，URL是404，用于“查看此演示的源代码”。这是不正确的。它将覆盖日期格式，并使用法语区域设置显示逐月的设置。这正是解决我问题的方法（设置区域设置会重置日期格式选项，即使显式设置）。谢谢（很好，你展示了非工作示例）。就这样！设置区域将重置日期选择器选项！我已经找了两天了。

<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>

$.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']);

$.datepicker.regional['fi'] = {
  closeText: "Valmis", // Display text for close link
  prevText: "Edel", // Display text for previous month link
  nextText: "Seur", // Display text for next month link
  currentText: "Tänään", // Display text for current month link
  monthNames: [ "Tammikuu","Helmikuu","Maaliskuu","Huhtikuu","Toukokuu","Kesäkuu",
  "Heinäkuu","Elokuu","Syyskuu","Lokakuu","Marraskuu","Joulukuu" ], // Names of months for drop-down and formatting
  monthNamesShort: [ "Tam", "Hel", "Maa", "Huh", "Tou", "Kes", "Hei", "Elo", "Syy", "Lok", "Mar", "Jou" ], // For formatting
  dayNames: [ "Sunnuntai", "Maanantai", "Tiistai", "Keskiviikko", "Torstai", "Perjantai", "Lauantai" ], // For formatting
  dayNamesShort: [ "Sun", "Maa", "Tii", "Kes", "Tor", "Per", "Lau" ], // For formatting
  dayNamesMin: [ "Su","Ma","Ti","Ke","To","Pe","La" ], // Column headings for days starting at Sunday
  weekHeader: "Vk", // Column header for week of the year
  dateFormat: "mm/dd/yy", // See format options on parseDate
  firstDay: 0, // The first day of the week, Sun = 0, Mon = 1, ...
  isRTL: false, // True if right-to-left language, false if left-to-right
  showMonthAfterYear: false, // True if the year select precedes month, false for month then year
  yearSuffix: "" // Additional text to append to the year in the month headers
  };

jQuery.datetimepicker.setLocale('fr');