禁用特定日期 jquery datepicker

Question

我试过了：

var disabledDays = ["2017-03-16","2017-03-20","2017-03-29","1717-0404-0303"];

jQuery(document).ready(function() {
  var unavailableDates = ["2017-03-16","2017-03-13","2017-03-21"];

  function unavailable(date) {
    // dmy = date.getDate() + "-" + (date.getMonth() + 1) + "-" + date.getFullYear();
    dmy = date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate();
    if ($.inArray(dmy, unavailableDates) < 0) {
      return [true,"","Book Now"];
    } else {
      return [false,"","Booked Out"];
    }
  }

  jQuery('#checkin').datepicker({
    minDate: 0,
    constrainInput: true,        
    dateFormat: "yy-mm-dd",
    beforeShowDay: unavailable
  }).on('change', function() { 
    jQuery(this).valid(); 
  });  
});

我只是不明白为什么它一直在说：

无法读取未定义的属性“inArray”

我尝试了 100 个这样的代码，但上帝一样的错误。所有这些代码在他们的演示中都可以正常工作。

有什么建议吗？

Answer 1

该错误意味着$ 变量没有指向jQuery。这也得到了您在代码中所有其他点使用jQuery 的支持。要解决此问题，您可以在整个代码中将 $.inArray() 更改为 jQuery.inArray()，或者更好的是，您可以为传递给 document.ready 处理程序的 jQuery 实例设置别名。

从那里您的日期格式存在问题，因为您的数组包含月份和日期值的前导零，但 dmy 变量没有。要解决此问题，您可以使用日期的 toISOString() 方法并从中删除时间。试试这个：

jQuery(function($) { // < note the $ alias here
    var unavailableDates = ["2017-03-16", "2017-03-13", "2017-03-21"];

    function unavailable(date) {
        var dmy = date.toISOString().split('T')[0];
        if ($.inArray(dmy, unavailableDates) < 0) {
            return [true, "", "Book Now"];
        } else {
            return [false, "", "Booked Out"];
        }
    }

    $('#checkin').datepicker({
        minDate: 0,
        constrainInput: true,
        dateFormat: "yy-mm-dd",
        beforeShowDay: unavailable
    }).on('change', function() {
        $(this).valid();
    });
});

Working example