회사에서 모바일 웹페이지를 만들 일이 생겼는데, 사용하는 Visual Studio 버전 탓인지
ASP .net 에서 <input> 태그에 type="date" 이 안되고, 원하는 형태(간단한 DATE 선택만 요구) 의 Datepicker 가 없어서
그냥 javascript, jQuery 를 이용해 spinner 타입의 Datepicker 를 만들었다.
1. 필요 라이브러리 : jquery, jquery mobile
2. Date Type : YYYYMMDD 형태
3. 시연 화면 :
4. 소스코드 : https://gist.github.com/JunpilPark/decbf8b7cea491c5aa8f45c73c541ea7
5. 기타사항 :
Datepicker 에서 월(Month)의 마지막일을 선택하고, 월(Month)이나 년(Year)이 변경되면 윤년의 여부, 월(Month) 에 따라 마지막 일자가 변경된다. 이 부분은 변경되는 마지막 월(Month)가 선택되도록 프로그램 하였다.
예) 2017-05-31 에서 2017-06 월로 변경되면 선택된 일자가 30일로 변경된다.
2017-06-30 에서 2017-05 월로 변경되면 선택된 일자가 31일로 변경된다.