是否可以将datepicker位置向右偏移一点?
<sj:datepicker name="displayEnd" required="true"
key="displayEnd-label" displayFormat="dd-mm-yy" timepicker="true"
timepickerStepMinute="15" readonly="true" minDate="-30"
onBeforeTopics="setTimeToNowIfNotSet" />
我在文档中找不到任何位置设置位置。我想将日期选择器向右偏移一点,这样它就不会覆盖其他字段。
答案 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;
}