이번에는 특정일만 선택가능한 상태의 달력을 출력시키는 예제입니다. 머.. 예약신청등을 입력받을때 8월 4일, 8월 9일 이런식으로 먼가 무규칙하면서도 불특정한 일자만 입력받기를 원할때 이런 예제가 필요하리라 생각됩니다.
자.. 소스입니다.
04 | <script type="text/javascript"> |
05 | $(document).ready(function() { |
06 | // enableDay 에 입력된 날짜외에는 모두 disable 됩니다. |
07 | var enableDay = ["4-8-2013", "9-8-2013"]; |
08 | function selectableDays(date) { |
09 | dummy = date.getDate() + "-" + (date.getMonth() + 1) + "-" + date.getFullYear(); |
10 | if ($.inArray(dummy, enableDay) > -1) { |
17 | $("#date").datepicker({ |
18 | dateFormat: 'yy-mm-dd', |
19 | beforeShowDay: selectableDays |
24 | <div id="d a t e"></div> |
참고한 URL : http://gauravganoo.com/tips/js/jquery-enable-disable-datepicker/
참고한 내용에는 주말이나 국경일등을 disable 시키는 로직도 포함되어 있네요..
