在 pikaday datepicker 中动态禁用天数
Posted
技术标签:
【中文标题】在 pikaday datepicker 中动态禁用天数【英文标题】:dynamically disabling days in pikaday datepicker 【发布时间】:2019-04-27 05:09:33 【问题描述】:我正在尝试根据用户名字段的更改动态更改 pikaday 日期选择器中允许的月份中的哪些日期。即使用类似下面的东西来禁用除每个月的 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】:$(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>
【讨论】:
没用。另外,我真的不想删除这些选项,因为如果用户名更改为不符合条件的内容,我希望重新启用它们以上是关于在 pikaday datepicker 中动态禁用天数的主要内容,如果未能解决你的问题,请参考以下文章
Handsontable 相关错误找不到模块 numbro、moment、pikaday、ZeroClipboard