2026, 새로운 도약을 시작합니다.

날짜 넣기 달력을 바로 보이게 할 수 있을까요? 채택완료

9년 전 조회 6,818
Copy
                                        $(function(){                         $("#datepicker_from, #datepicker_to").datepicker({                             changeMonth: true,                             changeYear: true,                             dateFormat: "yy년 mm월 dd일",                             showButtonPanel: true,                             yearRange: "c-99:c+99",                             maxDate: "+365d"                         });                     });                                                       날짜                                              

스킨이나 팁을 찾아보니...

보통 위와 같은 형태로 해서, 빈칸을 클릭하면 달력창이 떠서 날짜를 선택하는 형태로 되어 있습니다.

클릭해서 달력이 뜨게 하지말고, 아예 달력을 처음부터 보이게 하는 방법은 없을까요?

(기존) <input type="text" name="wr_1" class="frm_input" style="width:110px;" readonly id="datepicker_from" value="<?php echo $write["wr_1"]; ?>">  

(수정)  <div type="text" name="wr_1" class="frm_input" style="width:110px;" readonly id="datepicker_from" value="<?php echo $write["wr_1"]; ?>"> </div>

...으로 해봤더니 달력이 바로 보이긴 하는데, 선택한 날짜값이 입력이 안되는거 같습니다

답변 3개

채택된 답변
+20 포인트

$("#datepicker_from").focus(); 

해보세요

로그인 후 평가할 수 있습니다

답변에 대한 댓글 3개

$("#datepicker_from, #datepicker_to") 를 $("#datepicker_from").focus(); 바꾸니 달력자체가 표시가 안됩니다. $("#datepicker_from").focus(); 를 다른 부분에 넣어야 하는지요?
아뇨 기존 스크립트를 놔두신채로
[code]
$(function(){
$("#datepicker_from, #datepicker_to").datepicker({
changeMonth: true,
changeYear: true,
dateFormat: "yy년 mm월 dd일",
showButtonPanel: true,
yearRange: "c-99:c+99",
maxDate: "+365d"
});
$("#datepicker_from").focus();
});
[/code]
이렇게요
아하.....클릭한 효과를 바로 내주는 거군요.

감사합니다!!!!

댓글을 작성하려면 로그인이 필요합니다.

오래된 자료이지만 아주 유용했습니다..

제 같은 왕초보에게는 꿀팁이네요..

고맙습니다..

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

http://api.jqueryui.com/datepicker/ 

기본적인 사용법입니다.

확인해보시면 좋을거 같네요

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고