datepicker 달력 input 질문드립니다.

datepicker 달력 input 질문드립니다.

QA

datepicker 달력 input 질문드립니다.

답변 1

본문

https://sir.kr/g5_tip/11214

해당 팁을 사용하여 잘 됩니다.

 

근데 여기서 잘 안되는 부분이 있습니다.

 

게시판에서 글쓰기를 하면 글이 하나씩 늘어납니다.

예를 들어 2개 글쓰기를 하면 list에 글이 아래와 같이 두개 올라 갑니다.

 

32172747_1718444094.6575.png

 

이렇게 두줄이 올라 왔다고 가정하에!

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
}
?>

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 63
© SIRSOFT
현재 페이지 제일 처음으로