2012-04-24 2 views
3

문제 : datepicker가 전혀 표시되지 않습니다. 콘솔에 오류가 없습니다. 모든 파일은 Firebug를 통해 포함되고 액세스 할 수 있습니다.jQuery datepicker가 광고 한대로 작동하지 않습니다.

일할 수있는 jQuery를 UI의 날짜 선택기를 얻으려고 너무 많은 시간을 소비 한 후

, 그리고 구글 결과 수십를 통해 읽기 포함, 나는 당신의 도움이 필요합니다. datepicker의 가장 간단한, 평이하고, 직접적인 구현조차 나를 위해 일하고있다. 내가합니다 (날짜 선택기에 불과까지 제거) 테스트있어

현재 예 :

<html> 
<head> 
<meta charset="UTF-8"> 
<title>DatePicker Test</title> 

<!-- JavaScript --> 
<script type="text/javascript" src="../js/jquery/jquery-1.7.2.min.js"></script> 
<script type="text/javascript" src="../js/jquery/jquery-ui-1.8.19.custom.min.js"></script> 
<!--script type="text/javascript" src="../js/jquery/jquery.ui.datepicker.js"></script--> 

<!-- Stylesheets --> 
<link rel="stylesheet" href="../css/ui-lightness/jquery-ui-1.8.19.custom.css" /> 

<script type="text/javascript"> 
$(function() { 
    $("#datepicker").datepicker(); 
}); 
</script> 
</head> 

<body> 
<div><input type="text" id="datepicker" class="hasDatepicker" /></div> 
</body> 
</html> 

이 작동하지 않습니다. 전체 jQuery UI 코드 (jquery-ui-1.8.19.custom.min.js)를 다운로드하고 모든 것을 시도했습니다. 심지어 jQuery UI와 함께 제공되는 데모 HTML 페이지에 간단한 datepicker 필드를 추가하려고했습니다. 아무것도.

는 그럼 난 jQuery를 UI의 개발자 번들을 다운로드 및 jQuery를 함께 단지 datepicker.js을 시도했지만 그것도 실패했습니다.

오류가 발생하지 않지만 코드에서 선택기를 볼 수 있고 콘솔에서 호출하는 것을 통해 일반 텍스트를 얻을 수 있습니다. 여러 포럼 게시물에 게시 된

그럼 난 해봤 다양한 CSS의 수정은 날짜 선택기 후, 위에서 아래로 내 자바 스크립트를 옮겼습니다. . . 모든 종류의 돌연변이가 있지만 아무 것도 효과가 없습니다.

나야?

물론 다른 사람들이 datepicker 플러그인을 사용할 수도 있습니다. 내가 뭘 잘못하고있는 걸까요?

답변

6

안녕하세요. 문제를 조사했습니다. 나를 도운 입력에서 클래스 선언을 제거하는 것이 좋습니다. 또한 스크립트 링크가 올바른지 확인하십시오. 현재 현재 페이지 앞에있는 폴더에서 가져 오라고 요청하고 있습니다. 페이지와 css/js 폴더가 같은 디렉토리에 있으면 앞에있는 "../"을 제거 할 수 있습니다.

<input type="text" id="datepicker" /> 

유용한 추가 기능 파이어 폭스에서

Web Developer tools

+0

** FM! ** 괴물이 마법이다. 클래스 ID 트릭을 제거해 주셔서 감사합니다. 왜 나는 지구상에서 그렇게 생각하지 않았는가? 빠른 응답을 보내 주셔서 대단히 감사합니다. 너 락! – Ace

+0

와우. datepicker 필드에 클래스를 적용하면 실제로 작동하지 않게되므로이 문제도 발생합니다. 감사! – pilavdzice

0

작동 예제는 here을 확인하십시오. 이것은 입력 필드의 클래스를 뺀 클래스와 꽤 비슷합니다.이 예제에서는 CDN을 사용하고 있습니다.

잘못된 것이 있어야합니다 (스크립트 또는 CSS가 출처를 나타내지 않을 수도 있음).

관련 문제