datepicker 달력 input 질문드립니다.
본문
해당 팁을 사용하여 잘 됩니다.
근데 여기서 잘 안되는 부분이 있습니다.
게시판에서 글쓰기를 하면 글이 하나씩 늘어납니다.
예를 들어 2개 글쓰기를 하면 list에 글이 아래와 같이 두개 올라 갑니다.
이렇게 두줄이 올라 왔다고 가정하에!
list 한칸에 입금일자라고 datepicker 달력 input을 입력하게 해놨습니다.
근데 문제는 달력을 눌러서 날짜를 선택하면 맨 위에만 들어갑니다.
두번째줄에 달력 날짜 클릭하면 위에 거에 들어갑니다.
list.skin.php 소스에 아래와 같이 해놨습니다.
글쓰기를 하면 계속 글이 늘어나는데..
그 어떤 곳에 달력 클릭후 입력해도 맨위거에만 값이 들어갑니다.
<input type="text" name="wr_1" id="wr_1" value="<?php echo $row['wr_1'] ?>" class="datepicker" style="width:100%;height:40px" placeholder="입금일자 (0000-00-00)">
<!-- 달력 시작-->
<script type="text/javascript">
//<![CDATA[
$(function(){
$(".datepicker").datepicker({
dateFormat: "yy-mm-dd",
onSelect:function(dateText, inst) {
console.log(dateText);
console.log(inst);
}
});
$(".targetFocus").click(function(){
$($(this).data("target")).focus();
});
});
//]]>
</script><!-- 달력 끝 -->
스크립트 수정하면 될거 같은데 혹시 알는 분 계실가요? ㅠㅠ
답변 1
id 가 중복되고 있는 상태는 아닌지 확인이 필요할것 같습니다.
아이디가 중복이 됩니다. ㅠ 반복문으로 불러오는거라
<input type="text" name="wr_1" id="wr_1" value="<?php echo $row['wr_1'] ?>" class="datepicker" style="width:100%;height:40px" placeholder="입금일자 (0000-00-00)">
이걸 리스트스킨에서 반복적으로 불러오는거죠 ㅠ 그러니 게시글 5개면 저 한줄로 5개 만들어서 불러오는거니 중복이 되는거고 저는 이 중복되는걸 어떻게 처리 해야 되느냐고 질문드린겁니다. ^^
단순하게 다음처럼 처리하는 것만으로 중복현상을 피할수 있습니다.
<?php
$list = [
['wr_id' => '', 'wr_1' => ''],
['wr_id' => '', 'wr_1' => ''],
['wr_id' => '', 'wr_1' => ''],
['wr_id' => '', 'wr_1' => ''],
['wr_id' => '', 'wr_1' => ''],
];
for ($i = 0; $i < count($list); $i++) {
$row = $list[$i];
?>
<input type="text" name="wr_1" id="wr_1_<?php echo $i; ?>" value="<?php echo $row['wr_1'] ?>" class="datepicker" style="width:100%;height:40px" placeholder="입금일자 (0000-00-00)">
<?php
}
?>
앗 와우 너무너무 잘 되네요 너무 감사합니다. (^^)(__)