Struts2 datepicker的位置

时间:2012-10-31 12:24:37

标签: jquery struts2 jquery-ui-datepicker

是否可以将datepicker位置向右偏移一点?

<sj:datepicker name="displayEnd" required="true"
            key="displayEnd-label" displayFormat="dd-mm-yy" timepicker="true"
            timepickerStepMinute="15" readonly="true" minDate="-30"
            onBeforeTopics="setTimeToNowIfNotSet" />

我在文档中找不到任何位置设置位置。我想将日期选择器向右偏移一点,这样它就不会覆盖其他字段。

2 个答案:

答案 0 :(得分:3)

我不确定Struts2是否与jQuery Datepicker有关,但无论如何你可以尝试为你的sj:datepicker分配一个css类并在那里进行调整。

<sj:datepicker name="displayEnd" required="true" class="sjDatePicker" id="displayEnd"
            key="displayEnd-label" displayFormat="dd-mm-yy" timepicker="true"
            timepickerStepMinute="15" readonly="true" minDate="-30"
            onBeforeTopics="setTimeToNowIfNotSet" />

在您网页的布局CSS文件中:

.sjDatePicker
{
  /*Make your positioning adjustments here*/
}

在更改任何内容之前,您可以尝试打开浏览器的javascript控制台并输入以下内容,以查看修改datepickers样式是否有效。 (假设您使用的是jquery)

$('#displayEnd').css("margin-top","20px");

如果这样做,也应该修改CSS文件中的样式。

请注意,您的datepicker元素需要具有id“displayEnd”才能生效。

答案 1 :(得分:1)

您可以在CSS中执行此操作,但如果您在同一页面上有多个日期选择器,则会将它们全部抵消。

#ui-datepicker-div {
 margin-left: a_little_bit;
}