Datapicker가 작동하지 않습니다.

작동하도록 2 datapicker를 만들고 싶지만 그렇지 않습니다. 내 코드의 모든 내용이 정상이라고 생각하지만 작동하지 않는 이유를 모르겠습니다. 내 코드의 일부입니다 :Datapicker가 작동하지 않습니다.

<head> 
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/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> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<script> 
    $(function() { 
    $("#datepicker").datepicker(); 
    }); 
</script> 
</head> 

<body> 
<table> 
<tr> 
<td>Data1 : 
    <input type="text" id="datepicker"></td> 
<td>Data2 : 
    <input type="text" id="datepicker"></td> 
</tr> 
</table> 
<button>Next</button> 
</body>

당신은이 코드를 잘못 무엇인지 말씀해 주시겠습니까?

출처

2014-12-30 KorWojci

유효하지 않은 마크 업 : 동일한 ID를 반복한다. 'id' 대신'class'로 변경하고 위의 스크립트에서'.' 점으로 참조하십시오. – Jai

Note : doctype이나'html' 태그는 없습니다. – Vucko

ID가 같은 두 요소 .. ssilas777 답이 해결책입니다. 수업과 함께 일해라. –

의견에서 언급 한대로 여러 ID가 잘못되었습니다.입니다.

이 작품은 클래스

<table> 
<tr> 
<td>Data1 : 
    <input type="text" class="datepicker"></td> 
<td>Data2 : 
    <input type="text" class="datepicker"></td> 
</tr> 
</table>

에 ID를 변경하고 다음과 같이 JQuery와 선택기를 변경하려면 :

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

출처

2014-12-30 09:01:41 ssilas777

단지 코드를 잘랐다는 것은 그 질문에 답하는 좋은 방법이 아니다. 당신이 옳은 것을하기 위해 무엇을했는지 몇 가지 세부 사항을 추가 할 수 있습니까? – Jai

@Jai 완료되지 않았지만 중간에 제출되었습니다. 시간을내어 주셔서 감사합니다 :) 많이 감사합니다 – ssilas777

오케이! 그러나 세부 사항을 항상 추가하는 것을 확인하십시오, 때때로 그런 대답은 downvotes를 역시 얻는다. – Jai

<td>Data1 : 
    <input type="text" id="datepicker"></td> 
<td>Data2 : 
    <input type="text" id="datepicker"></td>

이 것은 잘못된 것입니다. 동일한 ID를 반복해서 사용할 수 없습니다. 같은 것을 한 번 이상 사용하고 싶다면 아래의 클래스를 사용하십시오.

<td>Data1 : 
    <input type="text" class="datepicker"></td> 
<td>Data2 : 
    <input type="text" class="datepicker"></td> 

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

출처

2014-12-30 09:03:41 Sameeraa4ever

스크립트에서 우리는 뭔가를 바꿀 필요가 있습니까? – Jai

예. #datepicker를 .datepicker로 변경하십시오. – Sameeraa4ever

id가 특정 요소에 고유하기 때문에 여러 날짜 필드가있는 경우 클래스를 사용하십시오. 시도해보십시오.

<input type="text" class="datepicker"></td> 
<input type="text" class="datepicker"></td> 

$(".datepicker").datepicker();

SEE DEMO

출처

2014-12-30 09:05:09

답변

관련 문제