달력 입력박스만 클릭해도 달력입력 나오기 문제요... > 그누4 질문답변

12.07.16 00:42:22

회원 가입시 쓰인 달력은 jquery datepicker 입니다
기본 프로그램 상단에 보시면

$('#mb_birth').datepicker({
showOn: 'button',
buttonImage: '<?=$g4[path]?>/img/calendar.gif',
buttonImageOnly: true,
buttonText: "달력",
changeMonth: true,
changeYear: true,
showButtonPanel: true,
yearRange: 'c-99:c+99',
maxDate: '+0d'
});

위 같은 형식의 호출 구문이 있을텐데요
#mb_birth 이부분을 각각의 텍스트 필드 name 으로 변경해서 추가해 주시면 기본달력과 동일한 액션을 하게됩니다

12.07.16 00:56:38

$('#wr_8').datepicker({
showOn: 'button',
buttonImage: '<?=$g4[path]?>/img/calendar.gif',
buttonImageOnly: true,
buttonText: "달력",
changeMonth: true,
changeYear: true,
showButtonPanel: true,
yearRange: 'c-99:c+99',
maxDate: '+365d'
});

호출 구문을 wr_8...이렇게 쓰고 있는데요...name으로 변경한다고 하셨는데...어떻게 변경하는지요? ㅜㅜ

12.07.16 01:04:38

예를 들어 달력입력창이 떠야 하는것이
wr_8 , wr_9 로 두개를 쓸경우

$('#wr_8').datepicker({
showOn: 'button',
buttonImage: '<?=$g4[path]?>/img/calendar.gif',
buttonImageOnly: true,
buttonText: "달력",
changeMonth: true,
changeYear: true,
showButtonPanel: true,
yearRange: 'c-99:c+99',
maxDate: '+365d'
});

$('#wr_9').datepicker({
showOn: 'button',
buttonImage: '<?=$g4[path]?>/img/calendar.gif',
buttonImageOnly: true,
buttonText: "달력",
changeMonth: true,
changeYear: true,
showButtonPanel: true,
yearRange: 'c-99:c+99',
maxDate: '+365d'
});

이런식으로 하시면 됩니다

12.07.16 01:12:51

알려주신 호출 구문이 제가 위에 쓴 호출구문이랑 같은데요....
근데 입력박스 클릭시 달력이 안뜨네요...꼭 달려 이미지를 클릭해야만 떠요...

입력폼은 <input class='ed' size="15" name="wr_2" readonly="readonly" title='옆의 달력 아이콘을 클릭하여 날짜를 입력하세요.' id="wr_2" itemname="출발일자" value="<?=$write[wr_2]?>">

입력폼 문제는 아니겠죠?

12.07.16 09:58:40

$('#wr_8').datepicker({
showOn: 'button',
buttonImage: '<?=$g4[path]?>/img/calendar.gif',
buttonImageOnly: true,
buttonText: "달력",
changeMonth: true,
changeYear: true,
showButtonPanel: true,
yearRange: 'c-99:c+99',
maxDate: '+365d'
});

$('#wr_2').datepicker({
showOn: 'button',
buttonImage: '<?=$g4[path]?>/img/calendar.gif',
buttonImageOnly: true,
buttonText: "달력",
changeMonth: true,
changeYear: true,
showButtonPanel: true,
yearRange: 'c-99:c+99',
maxDate: '+365d'
});

wr_8 , wr_2 를 쓸때는 위와같이 넣으시면 됩니다.
자동으로 인풋박스옆에 달력 이미지가 생기며 클릭하면 각각의 캘린더가 생성됩니다

사이트 URL 을 적어주시면 사이트로 접근해서 보도록 할께요

12.07.16 10:54:10

아...오해하셨군요...
-------------------
달력 입력 폼인데요...
onclick=" " 뭘 넣으야 달력 아이콘 클릭하는 것과 동일하게 달력이 나올가요?
감사합니다.
--------------------
달력클릭하면서 날짜 입력 다 잘 됩니다.
위 입력폼으론 꼭 달력이미지를 클릭해야만 달력이 보이잔아요..

질문은 인풋박스를 클릭시 달력을 클릭하는것과 동일하게 달력이 나올가요?
이거였습니다.

죄송합니다. 질문을 제대로 못한거 같군요....^^;;

답변에 감사드립니다.(__)

12.07.16 12:55:59

function datepicker_view(obj) {
$(obj).datepicker().datepicker("show");

}

<input class='ed' size="15" name="wr_2" readonly="readonly" title='옆의 달력 아이콘을 클릭하여 날짜를 입력하세요.' id="wr_2" itemname="출발일자" value="<?=$write[wr_2]?>" onclick="javascript:datepicker_view(this);">

이렇게 해보세요