본문 바로가기

DatePicker

[jQuery/Javascript] 달력 datepicker v2.1 - jQuery를 이용해서 만든 달력입니다. :: 특징 - 현재 날짜는 파란색으로 표시 - 선택된 날짜는 빨간박스로 표시 - 날짜형식에 맞게 입력 후 텍스트박스 클릭시 해당 날짜로 이동 - IE,Chrome,FF,Safari 지원 :: 업데이트 내용 - 월별,일별 달력 통합 - css파일을 script로 처리하여 많은 파일을 include해야되는 문제 해결 - Today클릭시 현재 날짜 달력으로 이동 - 스크롤을 이용한 달력이동 삭제 - Today버튼 클릭후 날짜 선택시 다른TEXT박스에도 이상한값들어가는 문제 수정 (v2.1) :: 사용방법 - js파일 import후 아래와 같이 javascript로 호출하여 사용 - id(필수)외에 입력하지 않으면 모두 기본값으로 설정됩니다. //파일2개 import.. 더보기
[jQuery/Javascript] 달력 datepicker v1.3 작성자 : ahmax(ahmax95@gmail.com) 작성일 : 2011.03.21 http://beans9.tistory.com - jQuery를 이용해서 만든 달력입니다. 특징 달력위에서 스크롤로 월단위 이동가능 간단한 사용방법 현재 날짜는 파란박스로 표시 선택되어진 날짜는 빨간박스로 표시 IE,Chrome,FF 지원 업데이트 내용 초기화 스크립트 호출시 달력외에 다른부분들도 드래그가 안되는 현상을 수정 (달력안에서만 드래그 안되도록) 사용방법 필요한 js,css파일 import후 아래와 같이 javascript로 호출하여 사용 ... 최대년수/날짜구분자 수정방법 calendar_ahmax.js 파일을 수정 // 최대연수 (0으로 할경우 현제 년도까지) var max_year = 2020; // 최.. 더보기
[jQuery/Javascript] 월선택 달력 MonDatepicker v1.0 작성자 : ahmax(ahmax95@gmail.com) 작성일 : 2011.03.19 http://beans9.tistory.com - jQuery를 이용해서 만든 월선택 달력입니다. 검색시스템을 만들때 월별검색시 편하게 선택할 수 있도록 만든 달력입니다. 기존에 일선택달력과 병행해서 사용하셔도 문제가 없습니다. 현재 서로 다른 js와 css을 사용하고 있어서 병행해서 사용할 경우 css와 js를 모두 호출해주셔야 하는데 조만간 합치는 작업을 할 예정입니다. 많이 이용해 주시고 피드백 부탁드립니다. 특징 달력위에서 스크롤로 년단위 이동가능 간단한 사용방법 현재월은 파란박스로 표시 선택되어진 월은 빨간박스로 표시 IE,Chrome,FF 지원 사용방법 필요한 js,css파일 import후 아래와 같이 ja.. 더보기
[jQuery/Javascript] 달력 datepicker v1.2 작성자 : ahmax(ahmax95@gmail.com) 작성일 : 2011.03.17 http://beans9.tistory.com - jQuery를 이용해서 만든 달력입니다. 특징 달력위에서 스크롤로 월단위 이동가능 간단한 사용방법 현재 날짜는 파란박스로 표시 선택되어진 날짜는 빨간박스로 표시 IE,Chrome,FF 지원 업데이트 내용 FF에서 메인화면가 같이 스크롤되던 현상 수정 스크롤시 2개월씩 이동하던 현상 수정 커서가 정상적으로 표시되도록 수정 IE,FF에서 드래그가 안되도록 수정 (크롬은 테스트중) 사용방법 필요한 js,css파일 import후 아래와 같이 javascript로 호출하여 사용 ... 최대년수/날짜구분자 수정방법 calendar_ahmax.js 파일을 수정 // 최대연수 (0으로.. 더보기
[jQuery/Javascript] 달력 datepicker v1.0 jQuery에 jQuery UI라는 훌륭한 datepicker가 있지만, 제가쓰기에는 살짝 무겁더군요. 그래서 jquery와 javascript를 이용해서 달력을 만들어봤습니다. 아직 완벽한버전은 아니고, 기본적으로 사용하는데는 무리가 없는 버전입니다 . 사용법은 간단하며 달력 위에서 스크롤을 했을때 월단위로 이동되는게 특징입니다. 추후 사이즈 변경 기능 및 기타 추가사항을 적용하려합니다. 사용에는 제한이 없으니 마음껏 사용하시고 피드백부탁드립니다. 실제 사용화면입니다. 현재 날짜는 파란색박스로 선택되어있는 날짜는 빨간박스로 표기했읍니다. 사용방법은 첨부파일 example.html 을 보시면 나와있읍니다. 더보기