Выбор даты показан в левом смещении, как показать его справа?

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

Я понял это для вас!

Вот скрипка: http://jsfiddle.net/vybbh/20/

А вот и код:

$(function() {

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

});

Видимо, они подумали об этом и создали опцию isRTL. True означает справа налево, false означает слева направо.

Кроме того, даже если по умолчанию установлено значение isRTL: false, календарь будет отображаться с правого края, если его подтолкнуть к правой стороне экрана.

Answer 2

Один из способов сделать это - переместить ввод на нужное количество пикселей, а затем переместить всплывающее окно календаря назад на то же количество пикселей:

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

Обновлено (и немного упрощено)jsfiddle: http://jsfiddle.net/vybbh/9/