채택완료

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

2017-12-12 (화) 14:21:23 3,943
Copy
<script>
jQuery(function(){
$.datetimepicker.setLocale('kr');

 jQuery('#date_timepicker_can').datetimepicker({

  format:'Y/m/d',
  timepicker:false,
startDate:new Date()

 });

});

  </script>

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

 간단한 방법이 있을까요? 

Copy
<script type="text/javascript">

           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>";


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>

<body onload="addForm1();">
<form name="baseForm1" action="" method="post">
           <input type="hidden" name="count" value="0">
           <div id="addedFormDiv1"></div><BR>
           <input type="Button" value="+ 가족사항 추가" onclick="addForm1()">
           <input type="Button" value="- 추가 가족사항 삭제" onclick="delForm1()">
</form>
</body>
|

답변 2개

채택된 답변
+20 포인트

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

<script>

jQuery(function(){

  date_function();

});  

function date_function(){

 $.datetimepicker.setLocale('kr');  

   jQuery('#date_timepicker_can').datetimepicker({  

      format:'Y/m/d',  

      timepicker:false, startDate:new Date()  

   });

}

</script>

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

2017-12-13 (수) 13:21:34

좋은 답변 감사합니다

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