jquery - 在 pikaday datepicker 中动态禁用天数
问题描述
我正在尝试根据用户名字段的更改动态更改 pikaday 日期选择器中允许的月份中的哪些日期。即使用类似下面的东西来禁用除每个月的第一天以外的所有内容。但是选择器不起作用。我尝试了许多变体。有任何想法吗?
$("#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>
提前致谢
解决方案
$(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>
推荐阅读
- javascript - Rails 6 + Webpacker:未捕获的 TypeError:$(...).select2 不是函数
- progressive-web-apps - TWA 基础应用程序有时显示 URL,有时工作,甚至 Assetlink.json 正确上传
- python - 如何使用 Postgres 窗口函数或横向连接限制 Django ORM 中每个组的前 N 个?
- php - Twig:如何检查是否有请求?(寻找 symfony 5:app.request)
- javascript - 在多选下拉列表中获取选定值并将它们插入 JSON
- node.js - 实时聊天技术的表现
- swift - 如何从“renderer(_:nodeFor:)”实例方法中捕获节点?
- c# - Azure Functions EventHub 触发器连接字符串
- jenkins - 在使用 curl 的 Jenkins 管道中如何存储响应 cookie?
- dns - 为什么我有一条指向 namecheap 服务器 IP 的 A 记录?