테스트 사이트 - 개발 중인 베타 버전입니다

자바스크립트 안에 제이쿼리 넣는 문의입니다. 채택완료

개발자를꿈꾸는촙촙 7년 전 조회 3,816

</p>

<p><script>

jQuery(function(){

$.datetimepicker.setLocale('kr');</p>

<p> jQuery('#date_timepicker_can').datetimepicker({</p>

<p>  format:'Y/m/d',

  timepicker:false,

startDate:new Date()</p>

<p> });</p>

<p>});</p>

<p>  </script></p>

<p>

 

위에 제이쿼리를 아래 스크립트 안에 넣어서 생년월일을 달력으로 나오게 하고 싶습니다.

 간단한 방법이 있을까요? 

 

 

<script type="text/javascript"></p>

<p>           var count = 0;

           function addForm1(){

                     var addedFormDiv1 = document.getElementById("addedFormDiv1");

                     var str = "";

str+="<div class='col-md-2 col-sm-2 qmanse_q'  style='padding-left: 0px; margin-bottom:16px; padding-top: 10px; padding-bottom: 10px;'>성명</div><div class='col-md-2 col-sm-2 ' style='padding-right: 0px; padding-top: 7px;  padding-bottom: 10px;  padding-left: 9px;'><input style='border-radius: 4px;  height: 32px;' type='text' name='Ninput12_"+count+"' value='<?php echo $write['input12_"+count+"'] ?>' id='Ninput12_"+count+"' class='frm_input' size='50' maxlength='100'></div>";</p>

<p>

str+="<div class='col-md-2 col-sm-2 qmanse_q'  style='padding-left: 0px; margin-bottom:16px; padding-top: 10px; padding-bottom: 10px;'>생년월일</div><div class='col-md-2 col-sm-2' style='padding-right: 0px; padding-top: 7px;  padding-bottom: 10px;  padding-left: 9px;' ><input style='border-radius: 4px;  height: 32px;' type='text' name='Ninput13_"+count+"' value='<?php echo $write['input13_"+count+"'] ?>' id='Ninput13_"+count+"' class='frm_input' size='50' maxlength='100'></div></div>";

                     var addedDiv1 = document.createElement("div"); 

                     addedDiv1.id = "added_"+count; 

                     addedDiv1.innerHTML  = str; // 폼 Div안에 HTML삽입

                     addedFormDiv1.appendChild(addedDiv1);

                     count++;

                     document.baseForm1.count.value=count;           }        

           function delForm1(){

                     var addedFormDiv1 = document.getElementById("addedFormDiv1");

                     if(count >1){ // 현재 폼이 두개 이상이면

                                var addedDiv1 = document.getElementById("added_"+(--count));

                                addedFormDiv1.removeChild(addedDiv1); // 폼 삭제 

                     }else{ // 마지막 폼만 남아있다면

                                document.baseForm1.reset(); // 폼 내용 삭제

                     }           }

</script></p>

<p><body onload="addForm1();">

<form name="baseForm1" action="" method="post">

           <input type="hidden" name="count" value="0">

           <div id="addedFormDiv1"></div>


           <input type="Button" value="+ 가족사항 추가" onclick="addForm1()">

           <input type="Button" value="- 추가 가족사항 삭제" onclick="delForm1()">

</form>

</body></p>

<p>

 

 

 

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
LovelyCaT
7년 전

jquery를 함수로 만들어서 append 하고 난 후 함수 호출 한번 해주셔야 적용이 되는걸로 알고있습니다.

으로 만들고 html append 후에 date_function(); 호출 한번 더 해서 확인해보세요~

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

좋은 답변 감사합니다

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인