基于Select值更改禁用jQueryUI日期选择器日期
Disable jQueryUI datepicker dates based on Select value change
从SELECT列表中选择值时,现有的空数组var disableddates = [];
将填充一个"2016-03-21"格式的日期列表。
我想要一个jquery UI日期选择器来禁用事件后数组中的日期,但它根本不起作用。
$( "#datepicker" ).datepicker({
beforeShowDay: DisableSpecificDates,
dateFormat: "yy-mm-dd",
// rest of the code
function DisableSpecificDates(date) {
var string = jQuery.datepicker.formatDate('yy-mm-dd', date);
return [disableddates.indexOf(string) == -1];
}
当我在代码运行前将disableddates
设置为特定日期或多个日期时,它实际上会被禁用,所以这里唯一的问题是我无法让datepicker禁用上面提到的事件的日期。
此外,如果我使用事件beforeShow
而不是beforeShowDay
,则不会发生任何事情。
console.log
确认数组确实正在填充,所以我确信这只是日期选择器事件工作方式的问题。
有什么建议或解决方案吗?
终于找到了一个相当简单的解决方案。每次填充数组后,我都会在日期选择器上调用刷新方法。
$.each(data.response, function(i, item) {
disableddates.push(item);
});
// end array population
$( "#datepicker" ).datepicker( "refresh" );
相关文章:
- 如何在多个jQueryUI日期选择器中屏蔽特定日期
- JQueryUI日期选择器,输入和日期选择器都打开了
- Jqueryui日期选择器不显示日历
- 基于Select值更改禁用jQueryUI日期选择器日期
- 如何在 jqueryui 日期选择器中禁用输入键
- jqueryui datepicker - 保持两个日期之间的偏移量
- jQueryUI的日期选择器不会在选择日期时消失
- 使用下一个箭头时,在jqueryui的日期选择器中返回了错误的月份值
- 禁用特定月份JqueryUI日期选择器
- JQueryUI日期选择器在我的asp.net mvc视图中
- 多个检查在beforeShowDay - jQueryUI日期picker
- 我如何使用jQueryUI日期picker onSelect,但也在我的主干视图的变化事件
- 将PHP日期格式转换为jQueryUI Datepicker日期格式
- JqueryUI Datepicker日期对象的问题
- 当使用键盘清除日期文本框时,jQueryUI日期选择器无法验证日期范围
- 显示jQueryUI日期picker按钮按下,不涉及输入字段
- 使用jQueryUI Datepicker基于特定日期请求Rails视图
- 如何有条件地阻止jQueryUi日期选择对话框打开
- 如何格式化jQueryUI日期选择器日历的年份
- jqueryui日期选择器转到今天按钮