자바스크립트 안에 제이쿼리 넣는 문의입니다.
본문
<script>
jQuery(function(){
$.datetimepicker.setLocale('kr');
jQuery('#date_timepicker_can').datetimepicker({
format:'Y/m/d',
timepicker:false,
startDate:new Date()
});
});
</script>
위에 제이쿼리를 아래 스크립트 안에 넣어서 생년월일을 달력으로 나오게 하고 싶습니다.
간단한 방법이 있을까요?
<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
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(); 호출 한번 더 해서 확인해보세요~
좋은 답변 감사합니다
답변을 작성하시기 전에 로그인 해주세요.
