달력3 [jQuery] jquery ui의 달력을 세팅하고 날짜 유효성 체크 및 기간 설정해주는 플러그인(plugin) See the Pen [jQuery] jquery ui의 달력을 세팅하고 날짜 유효성 체크 및 기간 설정해주는 플러그인(plugin) by zzzznara (@zzznara) on CodePen. 1. 달력에 숫자와 하이픈(-)만 입력가능합니다. 2. 존재하지 않는 날짜를 입력했는지 체크합니다. 3. from ~ to 달력인 경우, 서로 기간이 엇갈리지 않게 체크 및 disabled 처리합니다. (from 달력에 ‘2018-01-01’이 선택된 경우, to 달력은 ‘2018-01-01’ 이후만 선택 가능합니다.) 2018. 5. 31. [jQuery] 달력 및 입력란 날짜 포맷 맞게 해주는 플러그인(plugin) - jsfiddle.net inputbox와 연계할 달력을 찾던 중에 아주 좋은 jQuery 달력 플러그인을 발견해서 소개해 드립니다.달력도 달력이지만, "2015-10-06"처럼 포맷에 맞게 입력하도록 inputbox를 셋팅해 주고, 잘못된 날짜가 입력됬는지도 체크해주는 완벽한 플러그인이네요. http://jsfiddle.net/trixta/swqme/이 링크 클릭하시고 가서 한번 확인해 보세요. 이 파일을 다운로드 받아서 압축풀고 실행해 보셔도 됩니다. "연도-월-일" 포맷을 자동으로 설정해 주고 있구요. 이처럼 validation 체크까지 해주고 있습니다. 화살표로 날짜를 이동할수도 있고 달력을 선택할수도 있네요.VB나 델파이같은 애플리케이션으로 구현된 달력 입력란과 거의 동일하게 구현해 놓았네요. 달력이 필요하신분들 한번 .. 2015. 10. 6. [jQuery] 제이쿼리 UI 달력/Datepicker/캘린더/Calendar jQuery Datepicker입니다. https://jqueryui.com/datepicker/ 예제(Examples)가 14개 있으니 위 링크 클릭하셔서 확인하시면 됩니다. 달력이 깔끔해서 마음에 드네요. 특별한 설명보다는 사이트 가셔서 예제를 클릭해 보시고 View Source 눌러보시면 소스 확인하실 수 있습니다. 2015. 7. 21. 이전 1 다음