2014-11-02 2 views
-1

jQuery UI에서 datepicker를 사용하려고하지만 작동하지 않으며 이것이 내 코드입니다. 작동하게하려면 무엇을 추가해야합니까?Datepicker jQuery UI가 작동하지 않습니다.

<html lang="us"> 
    <head> 
     <meta charset="utf-8"> 
     <title>jQuery UI Example Page</title> 
     <link href="jquery-ui.css" rel="stylesheet"> 

     <script src="external/jquery/jquery.js"></script> 
     <script src="jquery-ui.js"></script> 
     <script> 
      $(function() { 
       $("#datepicker").datepicker(); 
      }); 
     </script> 
    </head> 
    <body> 
     <p>Date: <input type="text" id="datepicker"></p> 
    </body> 
</html> 
+0

id가 datepicker 인 요소는 어디에 있습니까? 이 데모를 참조하십시오 : http://jsfiddle.net/lotusgodkk/GCu2D/387/ –

+0

''및 ''은 어디에 있습니까? – Barmar

+0

머리와 시체에 대한 메모를 보내 주셔서 감사합니다 –

답변

0

날짜 선택 도구가 선택한 값을 저장할 수있는 입력 필드가 필요합니다. 당신은 몇 가지 더 문제를 갖고있는 것 같다 때문에

<html lang="us"> 
<head> 
<meta charset="utf-8"> 
<title>jQuery UI Example Page</title> 
<link href="jquery-ui.css" rel="stylesheet"> 
<script src="external/jquery/jquery.js"></script> 
<script src="jquery-ui.js"></script> 
<script> 
    $(function() { 
     $("#datepicker").datepicker(); 
    }); 
</script> 
</head> 
<body> 

<p>Date: <input type="text" id="datepicker"></p> 

</body> 
</html> 

UPDATE

: 당신의 JS의 #datepicker는 날짜 선택기 라이브러리가 아이디 날짜 선택기와 요소 (아래 입력 필드)를 검색하도록 정의 ,이 버전이 당신을 위해 작동합니까?

<html lang="en"> 
<head> 
<meta charset="utf-8"> 
<title>jQuery UI Datepicker - Default functionality</title> 
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css"> 
<script src="//code.jquery.com/jquery-1.10.2.js"></script> 
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script> 
<script> 
    $(function() { 
     $("#datepicker").datepicker(); 
    }); 
</script> 
</head> 
<body> 
<p>Date: <input type="text" id="datepicker"></p> 
</body> 
</html> 
+0

안녕하세요, 텍스트가 누락되었습니다. 코드는 실행하려고하지만 작동하지 않습니다. –

+0

올바른 폴더에 jQuery js가 있습니까? –

+0

js 라이브러리에 대한 외부 링크가있는 버전을 추가했습니다. –

관련 문제