티스토리 뷰

http://www.oaa-accessibility.org/examplep/datepicker1/

  • [Select Date...] 버튼 엔터시 레이어 팝업 datepicker 나타남
  • datepicker 보이게되면 최초 날짜 박스에 포커싱 되어 있음
  • 날짜 박스에 포커싱 되어 있는 상태에서는 Full 키보드 이동 지원
  • 날짜에서 Enter/Space 누르면 선택됨
  • 탭을 누르면 날짜-이전달-다음달 버튼 순환
  • ESC 키 누르면 datepicker 사라짐 지원
  • ARIA 1.0 마크업으로 WCAG 준수
  • 모던브라우저 & IE 8+ 지원


http://amsul.ca/pickadate.js/

  • 날짜 입력폼에 포커싱 가면 팝업 나타남
  • 날짜 Full 키보드 이동 지원
  • 팝업에서 처음/마지막 요소에서 탭키로 팝업 닫기 지원
  • 확실한 포커싱 표시 지원
  • 모바일 지원
  • 응답형
  • 가벼움
  • jQuery 기반
  • 시간 선택 지원
  • 미려하고 시원한 UI 디자인
  • ARIA 작동으로 WCAG 2.0 준수
  • 경량화(minified) 파일 지원
  • 39가지 다국어 지원 (한국어 포함)
  • CSS BEM 스타일 클래스 네이밍
  • Grunt 빌드 시스템 포함
  • 모던/모바일 브라우저 & IE 8+ 지원
  • legacy.js 포함하면 낡은 브라우저도 지원 가능
  • MIT 라이센스


http://freqdec.github.io/datePicker/

  • 달력 아이콘에서 Enter 키 누르면 팝업 나타남
  • 팝업 달력 내 탭키는 동작하지 않음
  • 엔터로 날짜 선택 완료
  • ESC 키로 팝업 닫기
  • Full 키보드 지원
  • 연/월/일 각각 분리된 입력 폼도 지원
  • ARIA 롤과 상태 지원
  • 다국어 지원 (한국어 포함)
  • IE6 까지 거의 모든 브라우저 지원
  • MIT/GPL2 라이센스


http://access.aol.com/aegis/#goto_datepicker

  • 입력창에 포커싱 가면 팝업 나타남
  • 입력창에서 방향키 누르면 팝업 나타남
  • 날짜 Full 키보드 이동 지원
  • 탭키로 이전달-다음달-날짜박스-오늘-닫기 포커싱 이동됨
  • 팝업에서 처음/마지막 요소에서 탭키로 팝업 닫기 지원
  • ESC 키로 닫기 지원
  • jQuery UI 컴포넌트
  • ARIA 구현
  • 키보드와 포커싱 핸들링


댓글