【问题标题】:jQuery datepicker available dates not showingjQuery datepicker 可用日期未显示
【发布时间】:2018-09-27 12:58:29
【问题描述】:

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

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

https://jsfiddle.net/nh6eoj03/3080/

【问题讨论】:

标签: jquery jquery-ui-datepicker


【解决方案1】:

你错过了非常简单的东西检查这一行:

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

您只需将您的天数写为单个值,而不是前面的零。正如您在我的示例中看到的那样,01-10-2018 更改为 1-10-2018。

另外,这里有一个代码证明:https://jsfiddle.net/nezir/nh6eoj03/3097/

【讨论】:

    猜你喜欢
    • 2012-12-11
    • 2015-08-26
    • 1970-01-01
    • 1970-01-01
    • 2013-02-17
    • 2011-03-16
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多