Javascript JQuery日期选择器反转下一个和上一个按钮事件

Javascript JQuery日期选择器反转下一个和上一个按钮事件,javascript,jquery,datepicker,Javascript,Jquery,Datepicker,我想反转Jquery datepicker next和prev按钮事件,这样当按下next时,日期将递减,反之亦然,以适应阿拉伯语从右到左的方向 这是我的示例代码 $("#searchFromDate").datepicker({ showOtherMonths: true, defaultDate: "+1w", changeMonth: false, numberOfMonths: 1, dateFormat:

我想反转Jquery datepicker next和prev按钮事件,这样当按下next时,日期将递减,反之亦然,以适应阿拉伯语从右到左的方向

这是我的示例代码

 $("#searchFromDate").datepicker({
        showOtherMonths: true,
        defaultDate: "+1w",
        changeMonth: false,
        numberOfMonths: 1,
        dateFormat: 'mm/dd/yy',
        monthNames: ['كانون الثاني', 'شباط', 'آذار', 'نيسان', 'أيار', 'حزيران',
        'تموز', 'آب', 'أيلول', 'تشرين الأول', 'تشرين الثاني', 'كانون الأول'],
        dayNames: ['احد', 'اثنين', 'ثلاثاء', 'اربعاء', 'خميس', 'جمعة', 'سبت'],
        dayNamesShort: ['احد', 'اثنين', 'ثلاثاء', 'اربعاء', 'خميس', 'جمعة', 'سبت'],
        dayNamesMin: ['احد', 'اثنين', 'ثلاثاء', 'اربعاء', 'خميس', 'جمعة', 'سبت'],
        onClose: function (selectedDate) {
            $("#searchToDate").datepicker("option", "minDate", selectedDate);
        }
    });
    //searchToDate
    $("#searchToDate").datepicker({
        showOtherMonths: true,
        defaultDate: "+1w",
        changeMonth: false,
        numberOfMonths: 1,
        dateFormat: 'mm/dd/yy',
        monthNames: ['كانون الثاني', 'شباط', 'آذار', 'نيسان', 'أيار', 'حزيران',
        'تموز', 'آب', 'أيلول', 'تشرين الأول', 'تشرين الثاني', 'كانون الأول'],
        dayNames: ['احد', 'اثنين', 'ثلاثاء', 'اربعاء', 'خميس', 'جمعة', 'سبت'],
        dayNamesShort: ['احد', 'اثنين', 'ثلاثاء', 'اربعاء', 'خميس', 'جمعة', 'سبت'],
        dayNamesMin: ['احد', 'اثنين', 'ثلاثاء', 'اربعاء', 'خميس', 'جمعة', 'سبت'],
        onClose: function (selectedDate) {
            $("#searchFromDate").datepicker("option", "maxDate", selectedDate);
        }
    });

打开插件文件,找到它用来描述prev和next按钮的ID;并反转插件试图注入HTML的ID

但是箭头图像应该指向现有的方向,为此,再次反转2个ID的箭头样式(仅背景属性)

编辑:您只需将css覆盖为:

.ui-datepicker-prev
{
    left:0px;
    right:2px;
}

.ui-datepicker-next
{
    left:2px;
    right:0px;
}

.ui-icon-circle-triangle-w
{
    background-position:-80px -192px;
}

.ui-icon-circle-triangle-e
{
    background-position:-80px -192px;
}

.ui-icon-circle-triangle-w
{
    background-position:-48px -192px;
}

我不想反转我需要继承或添加自定义脚本来执行此特定操作的整个插件。请参阅我的编辑。只需更新css