2012-09-06 6 views
1

중간에 3 개월 및 처음에는 현재 달이있는 납작한 jQuery 날짜 표시기를 표시하려고합니다. 내 코드 :이 양식에서틀린 datepicker 동작

$('#threeMonths').datepicker({ 

    numberOfMonths:[1,3], 
    showCurrentAtPos: 1 
}); 

그것은 내가 어떤 날짜를 클릭 할 때마다 표시되는 달을 변경하고 다시 항상 1 개월, 그 이유를 내가 그것을 어떻게 해결할 수 있을까?

업데이트>

BERKER의 대답은 내 편집을 보여줍니다 같이 onSelect를 콜백 drawMonth을 증가하는 것입니다 내 요구에 맞는 솔루션.

+0

왜 날짜 선택기를 구현하기 위해 ID를 사용하고 있습니까? datepicker ({numberOfMonths : [1, 3], showCurrentAtPos : 3});와 같은 datepicker 클래스를 사용하여 "date"클래스 입력마다이 datepicker를 구현할 수 있습니다. –

+0

@ Berker 제 HTML에 녹슨 것입니다. 어떻게 작동하는지 예제로 자세히 설명해 주시겠습니까? –

+0

나는 또한 내 대답에 몇 가지 HTML을 추가했습니다. –

답변

1

자바 스크립트 :

<script type="text/javascript" language="javascript"> 
    $(document).ready(function() 
    { 
     // Add date picker 
     $(".date").datepicker({ 
      dateFormat: "dd/mm/yy", 
      numberOfMonths: 3, 
      showCurrentAtPos: 1, 
      showWeeks: true, 
      showStatus: true, 
      changeYear: true, 
      changeMonth: true, 
      highlightWeek: true, 
      showOtherMonths: true, 
      selectOtherMonths: true, 

      // hot fix (month back slide problem) 
      onSelect: function (dateText, inst) { 
       inst.drawMonth +=1; 
      } 
     }); 
    }); 
</script> 

HTML :

<div class="date">Select a date!</div> 
+0

내가 전에 썼던 것처럼, html ... 지금은 나를위한 포털이 아닙니다. html 태그는 주어진 스크립트에 대해 어떻게 생겼을까요? –

+0

'$ (". 날짜")'및 날짜 클래스''를 가진 폼의 각 입력은 datepicker를 얻을 것입니다 .. –

+0

대단히 감사합니다. 이것, 나는 당신이 거기에서 한 것을 본다. 그러나 내가 원하는 것은 평평한 datepicker이다. : 페이지가로드되는 즉시 3 개월이 보일 때, 나는 팝업 datepicker를 원하지 않는다 ... 나는 사과한다. 수요가 모호했다. –