jQuery datepicker可用日期未显示

时间:2018-09-27 12:58:29

标签: jquery jquery-ui-datepicker

我试图在日历上显示可用日期,但是下面的代码仅显示第一个月的可用日期,而在之后的下个月不可用。有人知道这个问题可能是什么吗?

var availableDates = $('#js-delivery-dates').data('delivery-dates').split(','),
  $deliveryDatepicker = $('.delivery-datepicker');

function available(date) {
  dmy = date.getDate() + "-" + (date.getMonth() + 1) + "-" + date.getFullYear();

  if ($.inArray(dmy, availableDates) != -1) {
    return [true, "", "Available"];
  } else {
    return [false, "", "unAvailable"];
  }
}

$deliveryDatepicker.datepicker({
  dateFormat: 'dd-mm-yy',
  beforeShowDay: available,
  onSelect: function() {
    selected = $(this).val();
  }
});

many ways

1 个答案:

答案 0 :(得分:0)

您缺少非常简单的内容,请检查以下行:

<div id="js-delivery-dates" class="delivery-datepicker" data-delivery-dates="30-9-2018,1-10-2018,2-10-2018,3-10-2018,4-10-2018,5-10-2018">
datepicker
</div>

您只需要将天数写为单一值,而不能加零。如我在示例中所见,2018年1月10日更改为2018年10月1日。

此外,这是一个代码证明:https://jsfiddle.net/nezir/nh6eoj03/3097/

enter image description here