Не работает data-disabled-days в дататроппере - PullRequest
0 голосов
/ 02 июня 2018

Мы используем 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">

1 Ответ

0 голосов
/ 02 июня 2018

Что ж, в соответствии с этой темой кажется, что в этом плагине есть ошибка на будущее, но я предоставлю вам грязный трюк / решение для вас, но на данный момент нет собственного решения, чтобы решить эту проблему.

$('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">
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...