1

jQuery 1.7.2 と jqm-datebox 'stable' を使用しています。

コード:

<label class="ui-input-text ui-hidden-accessible" for="date">Date</label>
<input jql id="date" class="ui-input-text ui-body-c ui-corner-all ui-shadow-inset" type="text" value="" name="date" data-role="datebox" data-options='{"mode": "calbox", "calStartDay": 1}'></input>

ただし、小さなアイコンをクリックすると、図のようにカレンダー ボックスが左側に大きく表示されます。これは特にモバイル デバイスで顕著です。

ウィンドウの幅を狭くすると、さらに左に移動します。(element.style特にleft属性)は、幅に応じてオンザフライで計算されるように見えますが、cssでもjsでも、どこにあるかを見つけることができません。私はこの質問を見ましたが、私のものと似ていますが、私のケースには当てはまりません。

ボックスを完全に表示するにはどうすればよいですか?

カレンダーボックスがページの外に出ます

4

1 に答える 1

1

ドキュメントから:

<input name="mydate" id="mydate" type="date" data-role="datebox" data-options='{"mode":"calbox", "centerHoriz": true}'>

centerHoriz オプションを使用すると、必要なものが得られます。

于 2012-11-13T20:07:08.550 に答える