javascript - 日期选择器突出显示日期(如果不可用)

Question

我有这个在线预订，并且遇到了这个问题，有没有办法可以在日期选择器上突出显示不可用的日期？假设我已在数据库中插入了日期。这是我的日期选择器代码。

<input type="text" name="pick-up-date" id="pick-up-date" class="form-control datepicker" placeholder="mm-dd-yyyy">

这是屏幕截图:

Answer 1

使用 jQuery 中的 beforeShowDay() 函数 check this

例如，类似这样的事情，

var datesToDisable = ["2015-01-07","2015-17-07","2015-21-07"]; //you have to fetch the dates and put em in an array and wh7atever the format is.

$('#pick-up-date').datepicker({
    beforeShowDay: function(date){
        var string = jQuery.datepicker.formatDate('dd-mm-yy', date);
        return [ datesToDisable.indexOf(string) == -1 ]
    }
});

应该可以解决问题!