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

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

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

可以找到更多信息@ http://api.jqueryui.com/datepicker/#option-isRTL

例如:

HTML代码:

<div id="dtPicker">Date:
    <input type="text" id="datepicker"/>
</div>

div#dtPicker {
    direction: rtl;
}

JS:

$("#datepicker").datepicker({
    showOn: "button",
    buttonImage: "../../icon.png",
    buttonImageOnly: true
});

图标应出现在输入字段的左侧。:)

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

.ui-datepicker-trigger {
    float: left;
}