代码之家 › 专栏 › 技术社区 › Bobert1234

在pikaday日期选择器中动态禁用天

pikaday jquery-selectors css-selectors jquery

Bobert1234 · 技术社区 · 7 年前

我正在尝试根据用户名字段的更改动态更改pikaday日期选择器中允许的月份日期。i、 e.每月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 回复 | 直到 7 年前

Gutelaunetyp 7 年前

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

推荐文章

Martin SpruÅ¡anský · 电子邮件输入未将电子邮件地址作为新闻稿订阅框中的有效输入

8 年前

luke · jQuery中的:valid和:invalid选择器

8 年前

Ian Vink · 向有条件的儿童添加类

8 年前

LMAOman · jQuery多选择器语法

8 年前

jayjaypg22 · 在多选择器中使用变量

8 年前

feetwet · 为什么是选择器。文本获取内部函数值?

8 年前

LeBlaireau · Jquery-使用数据属性选择父项

8 年前

Dipak · 如何显示当前李的独生子女并隐藏其他李子女

8 年前

TWiStErRob · 用于表中标签同级的jQuery选择器

8 年前

ToniWidmo · 在jquery中转义select选项值

8 年前