Question

我想反向Jquery datepicker next和prev按钮事件，以便在下一次按下时减少日期，反之亦然，以适应阿拉伯语从右到左的方向。

这是我的示例代码。

 $("#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);
        }
    });

Answer 1

打开插件文件，找到用于描述上一页和下一页按钮的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;
}

JQuery Datepicker反向next和prev按钮事件

1 个答案: