datepicker 를 이용해서 달력3개를 표시하고 원하는 날짜만 선택이 가능하도록.

원하는 날짜는 ajax json 형태로 가져오기.

$.ajax({

    type : 'post',

    async : true,

    url : 'ajax 주소' ,

    dataType : 'json' ,

    timeout : 30000 ,

    cache : false ,

    data: { 'parm1': 'parm1', 'parm2': 'parm2' } ,

    success : function(response, status, request) {

        let availableDates = [];

        for (var i = 0; i < response.item.length; i++) {

            availableDates.push(response.item[i].iod_date);

        }

        let firstDate = '';

        if (availableDates.length > 1) {

            //firstDate = availableDates[0];

        }

        $('요소').val(firstDate).attr('disabled', false);

        $('요소').datepicker('destroy');

        $('요소').datepicker({

            numberOfMonths: 3,

            changeMonth: true,

            changeYear: true,

            dateFormat: 'yy-mm-dd',

            showButtonPanel: true,

            yearRange: 'c-1:c+1',

            minDate: '+1d',

            beforeShowDay: function(date) {

                var formattedDate = $.datepicker.formatDate("yy-mm-dd", date);

                if ($.inArray(formattedDate, availableDates) != -1) {

                    return [true, "selectable"];

                }

                return [false];

            },

            onSelect: function(dateText) {

                $('요소').val(dateText);

            }

        });

    }

});