레이블이 javascript인 게시물을 표시합니다. 모든 게시물 표시
레이블이 javascript인 게시물을 표시합니다. 모든 게시물 표시

2017년 6월 2일 금요일

Datepicker (spinner type)


회사에서 모바일 웹페이지를 만들 일이 생겼는데, 사용하는 Visual Studio 버전 탓인지
ASP .net 에서  <input> 태그에 type="date" 이 안되고, 원하는 형태(간단한 DATE 선택만 요구) 의 Datepicker 가 없어서
그냥 javascript, jQuery 를 이용해 spinner 타입의 Datepicker 를 만들었다.

1. 필요 라이브러리 : jquery, jquery mobile
2. Date Type :  YYYYMMDD 형태
3. 시연 화면 :


4. 소스코드 : https://github.com/JunpilPark/Datepicker

5. 기타사항 :
  Datepicker 에서 월(Month)의 마지막일을 선택하고, 월(Month)이나 년(Year)이 변경되면 윤년의 여부, 월(Month) 에 따라 마지막 일자가 변경된다. 이 부분은 변경되는 마지막 월(Month)가 선택되도록 프로그램 하였다.

예) 2017-05-31 에서 2017-06 월로 변경되면 선택된 일자가 30일로 변경된다.
     2017-06-30 에서 2017-05 월로 변경되면 선택된 일자가 31일로 변경된다.