Bootstrap日期选择器setDatesDisabled无法处理按钮单击
Bootstrap datepicker setDatesDisabled not working on button click
尝试设置日期在单击按钮时禁用引导程序日期选择器,但它不起作用。
HTML:
<div id="container">
<div id="date-range">
<div class="range-start"></div>
<div class="range-end"></div>
</div>
<button id="button" class="btn btn-warning">Disable Dates</button>
</div>
JavaScript:
$(function() {
$('#date-range').datepicker({
inputs: $('.range-start, .range-end'),
format: 'yyyy-mm-dd',
datesDisabled: ['2016-04-21', '2016-04-20', '2016-04-13']
});
$('#button').click(function() {
$('#date-range').datepicker('setDatesDisabled', ['2016-04-29', '2016-04-30']);
});
});
Fiddle:https://jsfiddle.net/kaygee79/953zk742/
在初始化日期选择器时使用指定的inputs
。
$(function() {
$('#date-range').datepicker({
inputs: $('.range-start, .range-end'),
format: 'yyyy-mm-dd',
datesDisabled: ['2016-04-21', '2016-04-20', '2016-04-13']
});
$('#button').click(function() {
$('.range-start').datepicker('setDatesDisabled', ['2016-04-29', '2016-04-30']);
$('.range-end').datepicker('setDatesDisabled', ['2016-04-29', '2016-04-30']);
});
});
工作小提琴:https://jsfiddle.net/f50ga49j/
相关文章:
- 替代输入:基于按钮点击事件的文本更改处理程序
- 在Node Webkit应用程序中从DOM单击按钮时运行批处理文件
- 使用按钮处理多个控制器
- 在一个窗体中处理具有相同名称和值的多个按钮
- Ajax在使用onclick选项时无法处理HTML表单中的提交按钮
- Jquery处理提交按钮's单击事件而不中断表单发布
- 单击jquery确认按钮后,处理到mvc操作
- 在javascript上创建,以处理单击后要隐藏的几个单选按钮
- jQuery按钮事件处理程序没有't更改内容
- 通过Javascript处理Windows Phone 7后退按钮
- 将事件处理程序放在HTML按钮上,而不覆盖其默认功能
- 使用AngularJS处理嵌套ng重复.无法通过ng单击来获取按钮
- 将事件处理程序分配给for循环中的每个按钮
- Bootstrap日期选择器setDatesDisabled无法处理按钮单击
- 智能渲染后,在dhtmlx网格中用jQuery处理按钮上的点击事件
- 如何处理按钮的onclick事件
- Ajax处理页面加载,但不处理按钮单击
- Bootstrap时间选择器无法处理按钮单击时生成的动态文本框
- AngularJS没有正确处理按钮类型=“”;重置”;
- Nodejs 处理按钮/ajax 请求