캘린터로 날짜 선택
본문
안녕하세요. 캘린더 구현에 부족한 부분이 많아서 조언을 구합니다.
방문자로부터 캘린더로 날짜를 선택받게 하려합니다. 이때, 방문자가 선택가능한 날짜가 정해져 있습니다 .
2021-09-25, 2021-09-27, 2021-09-30
이런식으로, 선택가능한 날짜를 정해 그 중에 선택받게 하려합니다. 간단히, jquery datepicker 를 사용하면 될 것이라고 생각했는데, jquery datepicker 옵션 중 mindate, maxdate 이런식으로만 옵션항목이 있는 것 같네요. 혹시 어떤 식으로 구현해야할지 조언을 구할 수 있을까요? 다른 js 플러그인도 좋습니다.
$('#my_calendar').datepicker( );
고맙습니다.
답변 1
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
});
이런식으로 하시면 됩니다
고맙습니다.ㅠ 깔끔한 코드네요. 활용해서 구현할 수 있을 것 같습니다.
가을 언저리인데, 건강하고 재미있는 가을 되시길 바랍니다.
고맙습니다.
답변을 작성하시기 전에 로그인 해주세요.