динамическое отключение дней в пикадае datepicker - PullRequest
Новая
       39

динамическое отключение дней в пикадае datepicker

0 голосов
/ 25 ноября 2018

Я пытаюсь динамически изменить, какие даты месяца разрешены в pikaday datepicker, основываясь на изменениях в поле имени пользователя.т.е. используйте что-то вроде ниже, чтобы отключить все, кроме 1-го числа каждого месяца.однако селектор не работает.Я попробовал несколько вариантов.какие-нибудь идеи? 

$("#username").on('change', function() { 
 if(.........){
   $('.pika-button :not([value="1"])').prop("disabled", true);
 }
});

вот внутренний html одного из них, если это поможет: 

<button class="pika-button pika-day" type="button" data-pika-year="2018" data-pika-month="11" data-pika-day="1">1</button>

заранее спасибо

1 Ответ

0 голосов
/ 25 ноября 2018 

$(function() {

  $("#username").on('change', '.buttonWrapper', function() {
    $('.pika-button:not([data-pika-day=1])').prop('disabled', true);
  });

});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

<body>
  <div class="buttonWrapper">
    <button class="pika-button pika-day" type="button" data-pika-year="2018" data-pika-month="1" data-pika-day="1">Month=1, Day=1</button>
    <button class="pika-button pika-day" type="button" data-pika-year="2018" data-pika-month="5" data-pika-day="1">Month=5, Day=5</button>
    <button class="pika-button pika-day" type="button" data-pika-year="2018" data-pika-month="2" data-pika-day="2">Month=2, Day=2</button>
    <button class="pika-button pika-day" type="button" data-pika-year="2018" data-pika-month="3" data-pika-day="4">Month=3, Day=4</button>
    <button class="pika-button pika-day" type="button" data-pika-year="2018" data-pika-month="4" data-pika-day="4">Month=4, Day=4</button>
  </div>
  <input type="text" id="username" />
</body>
...