테스트 사이트 - 개발 중인 베타 버전입니다

캘린터로 날짜 선택 채택완료

Mr섬띵 4년 전 조회 1,320

안녕하세요. 캘린더 구현에 부족한 부분이 많아서 조언을 구합니다.

방문자로부터 캘린더로 날짜를 선택받게 하려합니다. 이때, 방문자가 선택가능한 날짜가 정해져 있습니다 .

2021-09-25, 2021-09-27, 2021-09-30

이런식으로, 선택가능한 날짜를 정해 그 중에 선택받게 하려합니다. 간단히, jquery datepicker 를 사용하면 될 것이라고 생각했는데, jquery datepicker 옵션 중 mindate, maxdate 이런식으로만 옵션항목이 있는 것 같네요. 혹시 어떤 식으로 구현해야할지 조언을 구할 수 있을까요? 다른 js 플러그인도 좋습니다. 

 

</p>

<p>$('#my_calendar').datepicker( );</p>

<p>

 

고맙습니다.

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트

</p>

<p>var enableDay = ['9-25-2021','9-27-2021','9-30-2021'];

function selectableDays(date) {

dummy = date.getDate() + "-" + (date.getMonth() + 1) + "-" + date.getFullYear();

if ($.inArray(dummy, enableDay) > -1) {

return [true, ""];

}

return [false, ""];

}

$("#my_calendar").datepicker({

dateFormat: 'yy-mm-dd',

beforeShowDay: selectableDays

});</p>

<p>

 

이런식으로 하시면 됩니다

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

M
Mr섬띵
4년 전
고맙습니다.ㅠ 깔끔한 코드네요. 활용해서 구현할 수 있을 것 같습니다.
가을 언저리인데, 건강하고 재미있는 가을 되시길 바랍니다.

고맙습니다.

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인