0

日付ピッカーの位置を少し右にずらすことはできますか?

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

位置を設定するドキュメントの場所が見つかりませんでした。他のフィールドをカバーしないように、日付ピッカーを少し右にオフセットしたいと思います。

4

2 に答える 2

3

とにかく Struts2 が jQuery Datepicker に関連しているかどうかはわかりませんが、いずれにせよ、css クラスを sj:datepicker に割り当てて、そこで調整を行うことができます。

<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 要素に「displayEnd」という ID が必要であることに注意してください。

于 2012-10-31T12:46:34.053 に答える
1

CSSでそれを行うことができますが、同じページに複数の日付ピッカーがある場合、それらすべてがオフセットされます.

#ui-datepicker-div {
 margin-left: a_little_bit;
}
于 2012-10-31T13:31:26.343 に答える