현재 웹페이지 제작중 jquery datepicker을 사용하고 있는데요.

특정 날짜를 동적 변수의 수 만큼 받아들이는 작업을 프로그래밍 중인데..

이게 달력이 항상 떠있지 않고 버튼이나 상자를 클릭했을때 나타나게 하려고 하는데...

제가 짠 코드에서 어떻게 사라지게 하는지 도무지 모르겠습니다. ㅜㅜ

 

고수님들 많은 관심 가져주세요 ㅜ

 

아래는 제가 현재 코딩중인 소스입니다.

==========================================================================================================================================

   $(function() {
      $(".datepicker").datepicker({
          showOtherMonths:true,
           showMonthAfterYear:true,
           selectOtherMonths:true,
           minDate:+<? echo $intday ?>,
           maxDate: <? echo $day;?>,
   
               onSelect: function(dateText, inst){
               var date1 = $.datepicker.parseDate($.datepicker._defaults.dateFormat, $(this).next().children().val());
               var date2 = $.datepicker.parseDate($.datepicker._defaults.dateFormat, $(this).next().children().next().val());
               if (!date1 || date2) {
                  $(this).next().children().val(dateText);
                  $(this).next().children().next().val("");
                  $(this).datepicker("option", "minDate", dateText);
               } else {
                  $(this).next().children().next().val(dateText);
                  $(this).datepicker("option", "minDate", null);
               }
            }
         });
   $('.ui-datepicker ').css({ "margin-left" : "328px", "margin-top": "100px"});  //달력(calendar) 위치

     });

============================================================================================================================================

 

onSelect:function(date Text, inst) 이 부분이 다른 datepicker에서는

onSelect:function(selectedDate)로 되어있던데;; 이부분때문에 안되는 걸까요? ㅜ

 

어떻게 하면 이 소스와 같은 기능을 하면서 달력을 항상 떠있지 않고 팝업 형식으로 만들 수 있을까요?

(화면에 출력하는 <div>~</div> 부분을 지우게 되면 달력이 아에 뜨지 않습니다 ㅜ)