hoony's web study

728x90
반응형


jquery datepicker를 사용하면서 이번에는 특정날짜만 허용하도록 해야할 일이 생겼다.
조금 구글링을 해보니 다음과 같이 쓰면 되었다.
일단 ready 상태에서 아래와같이 값을 넣어주면 특정날짜만 선택이 가능하다.
아래의 enableDay의 경우는 db와 연동되어서 json 형태로 받아서 처리하였다.
다음 프로젝트에도 쓸수 있도록 일단 여기에 넣어둔다.

$(document).ready(function() {


// enableDay 에 입력된 날짜외에는 모두 disable 됩니다.
var enableDay = ['9-5-2014','8-5-2014','7-5-2014','6-5-2014','5-5-2014','4-5-2014','3-5-2014','29-5-2014','28-5-2014','27-5-2014','26-5-2014','25-5-2014','2-5-2014','24-5-2014','23-5-2014','22-5-2014','21-5-2014','20-5-2014','19-5-2014','18-5-2014','17-5-2014','16-5-2014','15-5-2014','1-5-2014','14-5-2014','13-5-2014','12-5-2014','11-5-2014','10-5-2014'];
function selectableDays(date) {
dummy = date.getDate() + "-" + (date.getMonth() + 1) + "-" + date.getFullYear();
if ($.inArray(dummy, enableDay) > -1) {
return [true, ""];
}
return [false, ""];
}
$("#opendt").datepicker({
dateFormat: 'yy-mm-dd',
beforeShowDay: selectableDays
}); 


728x90

공유하기

facebook twitter kakaoTalk kakaostory naver band
loading