如何将Datepicker与文本框右边缘对齐？

Question

我的布局右上角有jQuery UI Datepicker.
默认情况下,它会打开,与文本框的左边缘对齐.
因此,它不符合布局:

如何使其打开与文本框的右边框对齐？

Answer 1

我花了一段时间来弄明白这一点.

$('.date').datepicker({
    beforeShow: function(input, inst) {
        var widget = $(inst).datepicker('widget');
        widget.css('margin-left', $(input).outerWidth() - widget.outerWidth());
    }
});

Answer 2

简单地说，您可以在 jQuery.rtl(Arabin way) 选项中设置 rtl(Arabin way) 选项。搜索 isRTL，然后将值从 false 更改为 true。( isRTL: true )

如果您只需要对齐整个弹出框，那么只需设置 rtl 选项并删除自定义 css 中的方向属性即可。例如：.ui-datepicker-rtl { }

但是，这不会设置为浏览月份的箭头。如果您也需要该功能，那么您必须做更多的工作。您必须编辑与 rtl 相关的核心功能（搜索 isrtl 并相应地更改值）并更改与 rtl 相关的 css。