日期选择器如果不可用则突出显示日期

Question

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

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

以下是截图：

Answer 1

使用jQuery check this

中的beforeShowDay()函数

，例如，像这样，

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

应该做的伎俩！