jQuery UI Datepicker - 下拉列表中带有阿拉伯语区域设置的月份名称

Question

我有一个用于日期选择器的 HTML 输入元素和支持 RTL 的正常设置。

$( "#datepicker" ).datepicker({
    isRTL:true,
    changeMonth: true,
    changeYear: true
});

演示小提琴

页面上包含 JS 参考以支持阿拉伯语本地化 阿拉伯语区域设置

问题区域 - 月份下拉值以数字形式出现，即 1、2 .. 12

预期行为 - 月份下拉列表应显示也翻译为阿拉伯语的月份名称。

在正常本地化中，月份名称始终呈现为文本，即 Jan、Feb 等。 http://jsfiddle.net/ylokesh/hnu0r78y/2/

似乎这是日期选择器的默认行为。请建议下拉列表中是否显示任何获取月份名称。

Answer 1

月份下拉菜单的值来自 monthNamesShort 您需要使用阿拉伯月份名称而不是数字 1..12 更新monthNamesShort 将以下代码放在日期选择器上方。

检查这个 http://jsfiddle.net/hnu0r78y/5/

monthNamesShort: ['كانون الثاني', 'شباط', 'آذار', 'نيسان', 'مايو', 'حزيران',
    'تموز', 'آب', 'أيلول',  'تشرين الأول', 'تشرين الثاني', 'كانون الأول'],

Answer 2

这个问题是为 jquery datepicker 寻找阿拉伯语翻译时的首要结果，所以这里是为那些需要它的人提供的完整翻译：

    datepicker.regional.ma = {
    monthNames: ['يناير', 'فبراير', 'مارس', 'إبريل', 'مايو', 'يونية',
        'يوليو', 'أغسطس', 'سبتمبر', 'أكتوبر', 'نوفمبر', 'ديسمبر'],
    monthNamesShort: ['كانون الثاني', 'شباط', 'آذار', 'نيسان', 'مايو', 'حزيران',
        'تموز', 'آب', 'أيلول',  'تشرين الأول', 'تشرين الثاني', 'كانون الأول'],
    dayNames:  ['الأحد', 'الاثنين', 'الثلاثاء', 'الأربعاء', 'الخميس', 'الجمعة', 'السبت'],
    dayNamesShort: ['أحد', 'اثنين', 'ثلاثاء', 'أربعاء', 'خميس', 'جمعة', 'سبت'],
    dayNamesMin: ['أحد', 'اثنين', 'ثلاثاء', 'أربعاء', 'خميس', 'جمعة', 'سبت'],
    prevText: '<السابق', prevStatus: 'عرض الشهر السابق',
    prevJumpText: '<<', prevJumpStatus: '',
    nextText: 'التالي>', nextStatus: 'عرض الشهر القادم',
    nextJumpText: '>>', nextJumpStatus: '',
    currentText: 'اليوم', currentStatus: 'عرض الشهر الحالي',
    todayText: 'اليوم', todayStatus: 'عرض الشهر الحالي',
    clearText: 'مسح', clearStatus: 'امسح التاريخ الحالي',
    closeText: 'إغلاق', closeStatus: 'إغلاق بدون حفظ',
    yearStatus: 'عرض سنة آخرى', monthStatus: 'عرض شهر آخر',
    weekText: 'أسبوع', weekStatus: 'أسبوع السنة',
    dayStatus: 'اختر D, M d', defaultStatus: 'اختر يوم',
    weekHeader: "Sem.",
    dateFormat: "dd/mm/yy",
    firstDay: 1,
    isRTL: false,
    showMonthAfterYear: false,
    yearSuffix: "" };