jQuery日期选择器已禁用日期

jQuery日期选择器已禁用日期,jquery,datepicker,Jquery,Datepicker,我用的是基思·伍德的伟大作品 我在管理系统中使用datepicker向管理员显示某个场馆的预订日期 我有一个日期列表(从数据库中提取),用于在日期选择器上显示这些预定日期。但是,如果管理员想更改这些日期中的任何一个并使该日期可用,日历不允许我“取消选择”已选择的日期 这是代码的缩小版本,但问题仍然存在,此代码显示预订的6月26日和6月27日的日期,但我无法选择它们来“取消预订” <script type="text/javascript"> var bookedDaysL

我用的是基思·伍德的伟大作品

我在管理系统中使用datepicker向管理员显示某个场馆的预订日期

我有一个日期列表(从数据库中提取),用于在日期选择器上显示这些预定日期。但是,如果管理员想更改这些日期中的任何一个并使该日期可用,日历不允许我“取消选择”已选择的日期

这是代码的缩小版本,但问题仍然存在,此代码显示预订的6月26日和6月27日的日期,但我无法选择它们来“取消预订”

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

var bookedDaysList=[[6,26],[6,27];
函数bookedDays(日期,以月为单位){
如果(每月){
对于(i=0;i
经过一些研究,我找到了这个做这项工作的日期选择器

我很惊讶Keith Wood插件不能满足这一点,或者我错过了这一点?

很简单)


$(“.date picker”).datepick({
onDate:功能(日期){
date_str=$.datepick.formatDate('yyyy-mm-dd',日期);
dates_unselect=$(此).data(“取消选择”).split(“,”);
返回{可选:($.inArray(date\u str,dates\u unselect)=-1)};
}
});

对于我
onDate
未触发回调
  <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)};
    }
  });