Question

我们正在使用 DateDropper 并禁用特定日期但未禁用。使用以下html属性，但未按预期工作：

<input type="text" id="booking-date" data-lang="en" data-large-mode="true" data-large-default="true" data-min-year="2017" data-max-year="2080" data-disabled-days="05/06/2018">

Answer 1

好吧，根据这个topic，这个插件似乎有一个关于这个未来的错误，但是我为你提供了一个肮脏的技巧/解决方案，但是现在没有解决这个问题的原生解决方案。

$('input').dateDropper();

$('input').on('change input', function() {
  var val = $(this).val();
  
  var disabledDays = $(this).attr("data-disabled-days").split(",");
  if ($.inArray(val, disabledDays) !== -1) {
    $(this).val("");
    alert("Sorry this date not allowed!");
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/datedropper/2.0/datedropper.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/datedropper/2.0/datedropper.min.css" />
<input type="text" id="booking-date" data-lang="en" data-large-mode="true" data-large-default="true" data-min-year="2017" data-max-year="2080" data-disabled-days="05/06/2018">

在dateropper中没有工作数据禁用日

1 个答案: