日期选择器显示在左侧偏移量中，如何在右侧显示它？

Question

我想在这里http://jqueryui.com/demos/datepicker/#options找到如何根据正确的偏移初始化/显示日期选择器

（我正在进行演示，但我不知道为什么这个小提琴不起作用http://jsfiddle.net/vybbh/2/）

任何人都知道如何自定义日历的位置？

修改

$(function()
{
$('.date-pick')
    .datePicker({clickInput:true})
    .bind('click',
            function()
            {
                left = $('#dp-popup').css('left');
                $('#dp-popup').css({'left':left+55});
                /*left = $('#dp-popup').css('left')+55;
                $('#dp-popup').css({'left':left});*/
            }
        )
});

发现了这个，但+55没有产生任何影响

Answer 1

一种方法是将输入移动所需的像素数，然后将日历弹出窗口移回相同数量的像素：

#date1 {margin-left:160px; }
#ui-datepicker-div {margin-left:-160px; }

更新（并略微简化）jsfiddle： http://jsfiddle.net/vybbh/9/

Answer 2

我已经为你想出来了！

这是小提琴： http://jsfiddle.net/vybbh/20/

以下是代码：

$(function() {

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

});

显然他们想到了这一点，并创建了isRTL选项。 True表示从右到左，false表示从左到右。

此外，即使默认设置为isRTL: false，如果日历向上推到屏幕右侧，日历也会从右边缘显示。