2012-06-11 6 views
0

약간의 문제가 있습니다. 며칠 동안 문제에 봉착했습니다. Javascript 캘린더 플러그인 (Date Input)을 다운로드하여 양식에 작은 캘린더를 추가하십시오. 이 양식에서 사용자가 severals 날짜를 설정할 수 있도록이 양식에 다른 줄을 추가하는 단추를 추가했습니다. div에 스크립트를 추가하십시오.

<input type="button" value="Ajouter" onclick="ajoutChamp('creneau')" /> 

나는 약간의 스크립트를 만들어 :

var s = document.createElement('script'); 
s.type = "text/javascript"; 
s.text = "DateInput('creneau_2',true,'DD-MON-YYYY')"; 
$("#test").append(s); 

을하지만이 일을하고있을 때, 나는 버튼을 누를 때마다 나는 전체 화면이 나타납니다 내 캘린더를 가지고있다. 스크립트가 실행되었지만 html 페이지에 추가되지 않은 것처럼 보입니다. 내 HTML 코드의

작은 조각 :

<table id="liste_creneau" class="add_champ"> 
    <tr id="tr_creneau_1"> 
     <td><label for="creneau_1">creneau 1</label></td> 
     <td><script id="ref_date">DateInput('creneau_1', true, 'DD-MON-YYYY')</script></td> 
    </tr> 
</table> 
<div id="test"> 

</div> 

는 기압 전 사업부에 일정을 추가하고 싶었지만 말에 달력은 테이블에있을 것입니다. 당신이 나를 도울 수 그래서 어쩌면 ...

는 너무 다른 테스트를 수행했지만 내가 만든 코드의 모든 부분이 같은 방식으로 끝났다! :)

편집 :이 버튼을 클릭하면

가 좋아 내가 조금 시험 그 후

var g = document.getElementById('test'); 
var s = document.getElementById('ref_date'); 
nb++; 
var clone = s.cloneNode(true); 
var param = clone.firstChild.data.split('\''); 
param[1] = 'creneau_'+nb; 
clone.firstChild.data = param.join('\''); 
g.appendChild(clone); 

를 만들어,이 사업부에 삽입 된 스크립트 태그는하지만 아무것도까지 보여줍니다 . 내 HTML 페이지를 검사 할 때 그냥 날짜 입력 라인을 실행하지 않는 이유를 이해하지 못하는

안녕

에두아르

+0

오, 그래 나는 또한 노드를 복제 시도 하지만 여전히 첫 번째 노드에서 참조가 있었기 때문에 플러그인이 작동하지 않았습니다. –

+0

Mmmh Gabe 여기에서 JQuery를 사용하지 않습니까? 아니면 ^^) –

+0

#test가 있습니까? 더 많은 코드를 게시하고 콘솔에서 오류를 반환합니까? –

답변

1

... 나는 그것을 볼 수 있지만 일정은 apear하지 않습니다. 동일한 효과를 가져야합니다.

DateInput('creneau_2',true,'DD-MON-YYYY'); 

그럼에도 불구하고 자바 스크립트 선택기를 혼합하는 대신 jQuery로 모든 것을 시도해 볼 수 있습니다.

$("#test").append("<script type='text/javascript'>DateInput('creneau_2',true,'DD-MON-YYYY');</script>"); 
+0

이 코드를 사용하면 캘린더가 "html"페이지를 덮어 쓴다고 설명한 것과 같은 문제가 있습니다. 남은 것은이 캘린더뿐입니다. –

0
내가 대신 jQuery를-UI의 날짜 선택기를 사용하도록 선택 음

... 그래서 나는 그것을 해결 추측, 덕분에 많은 Agentminlindu 및 다른 모든 :

관련 문제