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 | |
}); |
jquery 로 img src의 값 변경하기 (0) | 2019.03.28 |
---|---|
jquery each method (2) | 2014.06.07 |
jquery 로 host 정보 알아내기 (0) | 2013.07.08 |
px을 em 단위로 환산해 주는 사이트 (0) | 2012.07.11 |
리스트 항목에 아이콘 표시하는 방법 (0) | 2012.04.17 |