2013-03-14 1 views
2

달력을 만들 때 내 datepicker를 가져올 수 없습니다. 그것은 단지 내 div에 컨테이너 div를 배치합니다.jQuery Ui datepicker 전용 건물 컨테이너

<html> 
    <head> 
     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
     <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script> 
     <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" /> 
     <script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script> 
     <script> 
      $(function() { 
       $('.hasDatepicker').datepicker(); 
      }); 
     </script> 
    </head> 
    <body> 
     <form> 
      <input type="text" class="hasDatepicker" /> 
     </form> 
    </body> 
</html> 

나는 그것이 예를 들어 내가 도움이 필요하다고 생각 HERE

매우 비슷하다고 생각 : 여기

는 코드입니다. 감사.

+1

왜 CSS 클래스 'hasDatepicker'를 사용하고 있습니까? 내가 아는 한 플러그인은 datepicker를 추가 한 후에이 클래스를 추가하지만 요소가 이미 클래스를 가져온 경우에는 그렇지 않습니다. –

+0

클래스를 변경하십시오. jquery는 hasDatePicker 클래스를 사용하기 때문에. –

답변

2

내 의견에서 언급 한대로, hasDatepicker 클래스를 사용하면 작동하지 않습니다.

이 부분은 jsFiddle입니다. test 클래스의 입력이 작동하지만 클래스 hasDatepicker의 입력이 작동하지 않습니다.

그래서 그에 따라 코드를 변경 :

<script> 
    $(function() { 
    $('.dateInput').datepicker(); 
    }); 
</script> 

과 HTML : 날짜 선택기 소스에서

<input type="test" class="dateInput" /> 

/* 클래스 이름 요소에 추가를 이미 구성을 나타냅니다 데이트 피커. */markerClassName : 'hasDatepicker',

+0

고마워. 그 클래스를 다른 개발자 코드에서 보았습니다. 그리고 나는 모든 데이트 피커에게 동일한 클래스를 제공하는 것이 좋은 이름이라고 생각했습니다. – FrancescoManfredi

+0

예, 모든 데이트 피커에게도 같은 클래스를 제공 하겠지만 다른 클래스를 사용해야합니다. –