2012-10-31 37 views
0

是否有可能將日期選擇器位置向右偏移一點?Struts2日期選擇器位置

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

我看不到在文檔中設置位置的任何地方。我想將日期選擇器向右偏移一點,以便它不包含其他字段。

回答

1

你可以在CSS中做到這一點,但如果你在同一頁面上有多個日期選擇器,它將會抵消它們。

#ui-datepicker-div { 
margin-left: a_little_bit; 
} 
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" /> 

在你的頁面的JavaScript控制檯,然後輸入以下,看是否修改datepickers風格的作品在所有佈局CSS文件

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

改變什麼,你可以嘗試打開你的瀏覽器之前。 (假設你正在使用jquery)

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

如果這樣工作,也應該修改CSS文件中的樣式。

請注意,您的datepicker元素需要具有id「displayEnd」才能工作。

+0

當心這也將爲datepicker輸入字段設置保證金。 –

+0

我沒有意識到這一點。 @Resh32,你應該嘗試檢查日期選擇器,然後看看它有什麼ID。如果你幸運的話,這個ID是靜態的,你可以設計這個日期選擇器。 – FLClover

+0

Id是靜態的,但是每個頁面都會生成datepicker div,而不是每個字段。 –

相關問題