2012-06-01 4 views
0

내가 사용하고 키스 우드의 위대한 내가 날짜가 장소에 따른 경고를 한 것을 관리자를 보여 관리자 시스템에서 날짜 선택기를 사용하고 jQuery Datepicker pluginjQuery를 DatePicker에서 사용할 수 날짜

.

나는 datepicker에 이러한 예약 된 날짜를 표시하는 데 사용되는 날짜 목록 (데이터베이스에서 가져온 목록)이 있습니다. 하지만 관리자가이 날짜 중 하나를 변경하고 날짜를 사용 가능하게하려면 캘린더에서 이미 선택한 날짜의 '선택 취소'를 허용하지 않습니다.

이것은 코드의 축소 버전이지만, 문제는 여전히 존재합니다.이 코드는 예약 된대로 6 월 12 일 & 7 월 27 일의 날짜를 표시하지만이를 취소하여 '예약 취소'합니다. 나는 키스 우드 플러그인이 음식을 장만하지 못하거나 내가 가지고있는 것을 놀라게하고

http://multidatespickr.sourceforge.net/

몇 가지 조사 후, 나는이 일을이 날짜 선택기를 발견했습니다

<script type="text/javascript"> 

    var bookedDaysList = [[6, 26], [6, 27]]; 

       function bookedDays(date, inMonth) { 
        if (inMonth) { 
         for (i = 0; i < bookedDaysList.length; i++) { 
          if (date.getMonth() + 1 == bookedDaysList[i][0] && 
            date.getDate() == bookedDaysList[i][1]) { 
           return {dateClass: 'datepick-selected',selectable: true}; 
          } 
         } 
        } 
        return {}; 
       } 

       /* create datepicker */ 

       jQuery(document).ready(function() { 

        jQuery('#show-dates').datepick({ 
         dateFormat: 'dd-mm-yy', 
         altFormat: '[m,d]', 
         onDate: bookedDays, 
         buttonImage: 'css/images/datepicker.gif', 
         buttonImageOnly: true, 
         monthsToShow: 3, 
         multiSelect: 999, 
         showOn: 'both' 
        }); 
       }); 


</script> 

답변

0

... 놓 쳤어?

2

간단합니다.

<div class="date-picker" data-deselect="2013-12-23,2013-12-19,2013-12-31,2013-12-29,2014-01-18"></div> 


    $(".date-picker").datepick({ 
    onDate: function(date) { 
     date_str = $.datepick.formatDate('yyyy-mm-dd', date); 
     dates_unselect = $(this).data("deselect").split(","); 
     return {selectable: ($.inArray(date_str, dates_unselect) === -1)}; 
    } 
    }); 
+0

나를위한'onDate' 콜백이 트리거되지 않습니다. –

관련 문제