Jquery ui 如何使jQueryUIDatePicker显示在输入字段的左侧?

Jquery ui 如何使jQueryUIDatePicker显示在输入字段的左侧?,jquery-ui,Jquery Ui,我正在做的项目使用IE8、框架和绝对定位。其中一个框架太小,但由于项目的要求,我无法更改尺寸。我已经包括了jQueryUIDatePicker,但是它直接出现在字段的上方(上面或下面都没有显示它的空间) 我想让datepicker显示在输入的左侧。我有办法做到这一点吗?到目前为止,我已经在测试页面中尝试了这段代码,但仍然无法从下面更改位置 $(".date").datepicker({ changeYear: true, dateFormat: 'mm

我正在做的项目使用IE8、框架和绝对定位。其中一个框架太小,但由于项目的要求,我无法更改尺寸。我已经包括了jQueryUIDatePicker,但是它直接出现在字段的上方(上面或下面都没有显示它的空间)

我想让datepicker显示在输入的左侧。我有办法做到这一点吗?到目前为止,我已经在测试页面中尝试了这段代码,但仍然无法从下面更改位置

      $(".date").datepicker({
        changeYear: true,
        dateFormat: 'mm/dd/yy',
        constrainInput: true,
        yearRange: 'c-125:c+125',
        showAnim: "", 
        showOptions: { direction: "up" }
      });

将日期时间选择器包装到一个带有某个id的div/span/p中。在css中为div应用direction属性>>

例如:

HTML代码:

日期:
CSS:

div#dtPicker{
方向:rtl;
}
JS:

$(“#日期选择器”)。日期选择器({
展示:“按钮”,
buttonImage:“../../icon.png”,
buttonImageOnly:true
});
图标应出现在输入字段的左侧。:)

或者在自定义css中,您可以覆盖图像的jQuery ui css

.ui日期选择器触发器{
浮动:左;
}

您可以使用datepicker的isRTL属性,例如:

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

可以找到更多信息@

这只是从右到左显示日期选择器中的日期。OP请求时,字段左侧的日期选择器位置没有变化。