위토즈 - 개발자프로그램판매공간

정보공유

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


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);

            }

        });

    }

});

정보공유
Total 439건 1 페이지
번호 제목 글쓴이 날짜 조회
439 php 와 ajax 를 이용해서 파일 업로드 할때 대용량 파일을 업로드 하는 방법 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 05-23 97
438 dl dt dd css 샘플 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 05-13 162
열람중 datepicker 를 이용해서 달력3개를 표시하고 원하는 날짜만 선택이 가능하도록. 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 04-28 404
436 입금된 주문도 준비, 배송전까지는 취소할 수 있도록 하는 방법 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 03-10 879
435 CSS를 사용하여 4x4 형태의 갤러리 디자인 그리드 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 03-05 755
434 magnificPopup css 를 추가하여 popup 마다 다른 사이즈 로 띄우기. 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 01-16 1247
433 magnificPopup 조건이 맞지 않으면 popup 띄우지 않기. 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 01-12 1162
432 magnificPopup iframe 으로 form submit 하기 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 01-12 1268
431 mysql 사용자 함수 생성 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 01-09 1060
430 html 로 된 svg 태그를 png 파일로 만들기. 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 01-08 1308
429 prepare bind_param 쿼리구분 select * 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 08-14 1867
428 javascript 플랫폼 디바이스 확인 함수 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 07-13 1984
427 stmt 등록 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 06-14 2404
426 prepare 함수 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 05-16 2259
425 magnificPopup 으로 창을 호출 후 날짜 입력박스에 datepicker 실행되지 않는경우 위토즈쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 04-13 2184