편리하게 달력을 달아보자 정보
편리하게 달력을 달아보자본문
안녕하세요? ^^;
그누 회원별경 부분을 바꾸면서 달력을 달아 보려고 했으나... 문득!!
그누에 달력이 있는걸 본것같은 기억에 소스를 뒤져보니....
역시나!! 있었습니다.. 아주 간단하고 쉽게!! 페이지에 달력을 달수 있었습니다..
바로 win_calendar 인데요...
/js 폴더에 common.js 파일에 위치하구요..
사용 법은 다음과 같습니다..
win_calendar(fld, cur_date, delimiter, opt)
fid는 적용될 네임명을 말하구요. cur_date는 달력창이 뜰때 선택위치 그리고 delimiter는 구분자로
2006년 08월 25일 라고 예를들면 년,눨,일 간의 구분기호를 뜻합니다.
예를들어 "-" 라고 입력하면 2006-08-25 라고 뜨겠죠??
opt는 옵션 태그의 약자인가?? 하여튼 기본으로
opt = "left=50, top=50, width=240, height=230, scrollbars=0,status=0,resizable=0";
로 설정이 되어있습니다. 굳이 안건드려도 됩니다...
다음은 제가 실제로 적용한 예제입니다.
<input type=text class=ed name='end_dt' value='<?=$mb[end_dt]?>' onclick="win_calendar('end_dt', '<?=$mb[end_dt]?>','-');" readonly>
사용 종료일을 기록하는 폼을 추가했는데요. 폼을 클릭하면 달력이 뜨게했습니다. 뭐 버튼을 하나 만들어
도되구요...
사전은 이렇게 쓰는거 맞지요?? 아실것 같은 부분이라 안쓰려다가 남깁니다.. ^^;
그누 회원별경 부분을 바꾸면서 달력을 달아 보려고 했으나... 문득!!
그누에 달력이 있는걸 본것같은 기억에 소스를 뒤져보니....
역시나!! 있었습니다.. 아주 간단하고 쉽게!! 페이지에 달력을 달수 있었습니다..
바로 win_calendar 인데요...
/js 폴더에 common.js 파일에 위치하구요..
사용 법은 다음과 같습니다..
win_calendar(fld, cur_date, delimiter, opt)
fid는 적용될 네임명을 말하구요. cur_date는 달력창이 뜰때 선택위치 그리고 delimiter는 구분자로
2006년 08월 25일 라고 예를들면 년,눨,일 간의 구분기호를 뜻합니다.
예를들어 "-" 라고 입력하면 2006-08-25 라고 뜨겠죠??
opt는 옵션 태그의 약자인가?? 하여튼 기본으로
opt = "left=50, top=50, width=240, height=230, scrollbars=0,status=0,resizable=0";
로 설정이 되어있습니다. 굳이 안건드려도 됩니다...
다음은 제가 실제로 적용한 예제입니다.
<input type=text class=ed name='end_dt' value='<?=$mb[end_dt]?>' onclick="win_calendar('end_dt', '<?=$mb[end_dt]?>','-');" readonly>
사용 종료일을 기록하는 폼을 추가했는데요. 폼을 클릭하면 달력이 뜨게했습니다. 뭐 버튼을 하나 만들어
도되구요...
사전은 이렇게 쓰는거 맞지요?? 아실것 같은 부분이라 안쓰려다가 남깁니다.. ^^;
추천
5
5
댓글 4개
감사합니다^^
날짜입력부분을 고민하던중 좋은 팁입니다.
onclick="win_calendar('end_dt', '<?=$mb[end_dt]?>','-');" 여기에서 마지막 '-' 를 '/'나 ''로 입력할 경우 날짜가 yyyy/mm/dd yyyymmdd 이런식으로도 입력이 가능하네요.. ㅋㅋ
onclick="win_calendar('end_dt', '<?=$mb[end_dt]?>','-');" 여기에서 마지막 '-' 를 '/'나 ''로 입력할 경우 날짜가 yyyy/mm/dd yyyymmdd 이런식으로도 입력이 가능하네요.. ㅋㅋ
감사합니다.
나중에 적용해보겠습니다.
나중에 적용해보겠습니다.
크롬의 경우 id='end_dt' 를 넣지 않으면 아예 날짜가 클릭이 안되네요