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でも、どこにあるかを見つけることができません。私はこの質問を見ましたが、私のものと似ていますが、私のケースには当てはまりません。
ボックスを完全に表示するにはどうすればよいですか?