내용 입력창에 달력을 여러개 넣고싶습니다.
모래위
9년 전
조회 5,006
안녕하세요.
하단버튼을 추가하면 테이블이 하나씩 늘어나는 소스입니다.
그런데 추가되는 input 에 클릭하면 달력을 넣고싶어 아래처럼 만들었는데요.
스크립트에 완전 문외한이라ㅠㅠ 숫자증가만 시켜주면 될거같은데 도통 방법을 모르겠네요.
그러니까
sigan[]
이걸
sigan_1
sigan_2
sigan_3
이런식으로 추가되게 하면 될거같은데...
어떻게 해야하나요. 도와주세요ㅜㅜ
</p><p><div class="form-group"></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><label for="wr_2" class="col-sm-3 control-label">오픈일정</label></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><div class="col-sm-5"></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><div style="margin-bottom:5px;"></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><input type="button" id="btn-add-row" value="추가하기"></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><input type="button" id="btn-delete-row" value="삭제하기"> </p><p><span class="Apple-tab-span" style="white-space:pre"> </span></div></p><p> </p><p><script></p><p>$(function () {</p><p> $('#btn-add-row').click( function() {</p><p> $('#mytable > tbody:last').append('<tr><td><input type="text" class="form-control" required id="sigan[]" name="sigan[]"/></td><td><input type="text" id="sebu[]" name="sebu[]" class="form-control" placeholder="<span style="font-size: 14.6667px;">세부사항</span>"></td></tr>');</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$("#sigan[]").datepicker({ changeMonth: true, changeYear: true, dateFormat: "yy-mm-dd", showButtonPanel: true, yearRange: "c-99:c+99", minDate: "+0d;", maxDate: "+30d" });</p><p> });</p><p> $('#btn-delete-row').click( function() {</p><p> $('#mytable > tbody:last > tr:last').remove();</p><p> });</p><p>});</p><p></script></p><p> </p><p><span class="Apple-tab-span" style="white-space:pre"> </span><table id="mytable" class="table table-bordered"> </p><p><span class="Apple-tab-span" style="white-space:pre"> </span><thead> </p><p><span class="Apple-tab-span" style="white-space:pre"> </span><tr> </p><p><span class="Apple-tab-span" style="white-space:pre"> </span><th style="width:20%;">날짜</th> </p><p><span class="Apple-tab-span" style="white-space:pre"> </span><th>세부사항</th> </p><p><span class="Apple-tab-span" style="white-space:pre"> </span></tr> </p><p><span class="Apple-tab-span" style="white-space:pre"> </span></thead> </p><p><span class="Apple-tab-span" style="white-space:pre"> </span><tbody></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><?if($wr_id){?></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><?</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$cnt = count($sigan);</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>?></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><?for($i=0; $i<$cnt; $i++){?></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><tr></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><td><input type="text" name="sigan[]" id="sigan[]" value="<?php echo $sigan[$i];?>" class="form-control"></td></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><td></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><input type="text" id="sebu[]" name="sebu[]" value="<?php echo $sebu[$i];?>" class="form-control" placeholder="내용" style="width:100%;"></p><p><span class="Apple-tab-span" style="white-space:pre"> </span></td></p><p><span class="Apple-tab-span" style="white-space:pre"> </span></tr></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><?}?></p><p><span class="Apple-tab-span" style="white-space:pre"> </span><?}?></p><p><span class="Apple-tab-span" style="white-space:pre"> </span></tbody></p><p><span class="Apple-tab-span" style="white-space:pre"> </span></table> </p><p><span class="Apple-tab-span" style="white-space:pre"> </span></div></p><p></div></p><p>
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
9년 전
해결 했습니다. ㅜㅜ
</p><p> </p><p><script></p><p>$(function () {</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>var file_num = 1;</p><p> </p><p> $('#btn-add-row').click( function() {</p><p><span class="Apple-tab-span" style="white-space:pre"> </span> file_num++; </p><p> $('#mytable > tbody:last').append('<tr><td><input type="text" class="form-control" style="width:100%;" required id="sigan_'+file_num+'" name="sigan[]"/></td><td><input type="text" id="sebu[]" name="sebu[]" class="form-control" placeholder="내용" style="width:100%;"></td></tr>');</p><p><span class="Apple-tab-span" style="white-space:pre"> </span>$('#sigan_'+file_num+'').datepicker({ changeMonth: true, changeYear: true, dateFormat: "yy-mm-dd", showButtonPanel: true, yearRange: "c-99:c+99", minDate: "+0d;", maxDate: "+30d" });</p><p> });</p><p> </p><p> $('#btn-delete-row').click( function() {</p><p> $('#mytable > tbody:last > tr:last').remove();</p><p> });</p><p>});</p><p></script></p><p> </p><p>
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
�
위토즈
9년 전
제가 답변해드린걸로 안됬나요?
댓글을 작성하려면 로그인이 필요합니다.
9년 전
$(".").datepicker({ changeMonth: true, changeYear: true, dateFormat: "yy-mm-dd", showButtonPanel: true, yearRange: "c-99:c+99", minDate:"+0d;", maxDate: "+30d" });
<input type="text" id="sebu[]" name="sebu[]" value="<?php echo $sebu[$i];?>" class="form-control datepicker" placeholder="내용" style="width:100%;">
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인