2012-07-23 1 views
1

jQuery 1.7.2 및 jqm-datebox 'stable'을 사용하고 있습니다.jquery mobile - datebox가 왼쪽에 너무 많이 나타납니다.

코드 :

<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에서 어느 위치도 찾을 수 없습니다. this question, 다소 유사하지만 내 경우에는 적용되지 않습니다.

상자 전체를 보이게하려면 어떻게해야합니까? 워드 프로세서

calendar box goes out of the page

+0

주는 'centerHoriz': 사실 (옵션에 추가하십시오) –

+0

죄송합니다, 이것을 보지 못했습니다. 나는 지금 휴가 중이 야, 내가 사무실에있을 때 시도 할 것이다! 고마워요, 고마워요! :) – Stephan

+0

좋아, 노력했다. 그것은 텍스트 상자 아래에 수평으로 배치된다는 의미에서 작동하지만이 방법으로는 여전히 창 밖으로 나갑니다. 다른 생각? 옵션 목록을 살펴 보았지만 'alignRight'또는 이와 비슷한 것이 없습니다. – Stephan

답변

1

:

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

centerHoriz 옵션은 당신이 원하는 무엇을 얻을 것이다.

+0

7 월에 게시 된 JTSage와 같은 의미입니까? –

+0

두 번째 @ OlleSjögren 님의 의견입니다. 내가 말한 것처럼 그것은 또한 나의 경우에는 효과가 없다. – Stephan

관련 문제