티스토리 뷰
invalid-file
날짜입력에 아주 쓰기 편리한 소스입니다.
사용법을 알려드리겠습니다.
1. 첨부된 js 소스를 다운받습니다.
2. js 소스의 이름은 [PopupCalendar-bcm1110.js] 이 파일을 [PopupCalendar.js] 로 이름을 바꿉니다. 안바꿔도 되지만, 아래 소스를 그대로 쓰려면 바꿔야 합니다.
3. <head> 태그 안에
<script language="javascript" src="PopupCalendar.js"></script>
이 스크립트 태그를 붙여넣기 합니다.
4. 이제 달력을 불러낼 이미지 또는 버튼을 만듭니다. 여기서는 버튼을 만들도록 하지요.
<input type="button" value="달력" onClick="popUpCalendar(this, txtDate, 'yyyy-mm-dd')">
5. 달력을 불러낸 다음 날짜가 입력될 텍스트 박스를 만듭니다.
<input type="text" name="txtDate">
6. 이제 html 파일을 실행해 봅니다 ^^
※ 주의
2번의 파일이름을 바꾸지 않고, 3번의 소스를 그대로 쓰면 안됩니다.
3번의 PopupCalenar.js 의 파일 위치를 틀리지 않게 주의요망
4번과 5번의 txtDate는 반드시 같아야 합니다.
달력의 원본 소스는 CGINJS.COM (http://www.cginjs.com/index.php3) 에서 구했으며,
코드에서 불필요한 부분은 삭제하고 팝업에 맞도록 수정을 한 분은 처니의 좋은세상(http://blog.naver.com/atomix) 입니다.
'프로그래밍 > Javascript' 카테고리의 다른 글
| [Javascript] 레이어와 셀렉트박스 겹침방지(꼼수) (0) | 2008.06.22 |
|---|---|
| [Javascript] 코사인, 사인 함수 사용으로 구현한 라인 그리기 (0) | 2008.06.22 |
| [Javascript] 셀렉트박스 다중선택 이동하기 (0) | 2008.06.22 |
| [Javascript] DOM을 이용한 Element 추가 (0) | 2008.06.22 |
| [Javascript] DOM을 이용하여 이미지 동적 생성 하기 (0) | 2008.06.22 |
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크