자바스크립트 안에 제이쿼리 넣는 문의입니다. 채택완료
개발자를꿈꾸는촙촙
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 포인트
7년 전
jquery를 함수로 만들어서 append 하고 난 후 함수 호출 한번 해주셔야 적용이 되는걸로 알고있습니다.
jQuery(function(){
date_function();
});
function date_function(){
$.datetimepicker.setLocale('kr');
jQuery('#date_timepicker_can').datetimepicker({
format:'Y/m/d',
timepicker:false, startDate:new Date()
});
}
으로 만들고 html append 후에 date_function(); 호출 한번 더 해서 확인해보세요~
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인