在日期选择器中禁用过去日期并仅启用某些未来日期
Disable past dates and enable only certain future dates in datepicker
我正在尝试使用jQuery
日期选择器,但希望禁用所有过去的日子,只允许未来的星期四。我可以让它允许星期四,但是我添加的minDate
功能不起作用。这是我的代码:
<script>
jQuery(document).ready(function() {
jQuery('#input_40_4').datepicker({
beforeShowDay: function(date) { return [date.getDay() == 4, ""];}
});
});
$(function () {
$("#input_40_4'").datepicker({ minDate: 0 });
});
</script>
谁能解释一下为什么这些不能一起工作?
您可以通过逗号分隔datepicker
来添加更多选项。
$(document).ready(function() {
$('#input_40_4').datepicker({
beforeShowDay: function(date) { return [date.getDay() == 4, ""];},
minDate : 0
// you can add more options here as well, just seperate them by commas
});
});
它们在你的问题中不起作用的原因是因为你会用documentReady部分中的日期拾取器中的选项覆盖第10行函数中创建的日期拾取器中的选项。
你基本上是说创建一个带有mindate:0的新日期选择器,更不用说创建一个只有星期二的新日期选择器了。
实际情况是,您正在用第二个调用覆盖第一个日期拾取器调用的效果。
将两个选项放到一个选项对象
$("#input_40_4'").datepicker({
beforeShowDay: function(date) { return [date.getDay() == 4, ""];},
minDate: 0
});
演示$("#datepicker").datepicker({
beforeShowDay: function(date) { return [date.getDay() == 4, ""];},
minDate: 0
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.11.3/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/black-tie/jquery-ui.css"></link>
<input type="text" id="datepicker" />
$("#datepicker").datepicker({
beforeShowDay: function(date) { return [date.getDay() == 3, ""];},
minDate: 0
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.11.3/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/black-tie/jquery-ui.css"></link>
<input type="text" id="datepicker" />
相关文章:
- 如何启用由日期选择器 ui 附加的输入?(JQuery 插件)
- 如何根据需要在php中启用和禁用特定日期
- jQuery UI日期选择器通过AJAX启用可见月份的日期
- 如何仅使用日期选择器 Jquery 启用月份的最后几天
- 日期选取器启用数据库中的特定日期
- 完整日历:在开始日期启用时间时,调整大小不起作用
- 启动日期选择器在条件下禁用和启用
- 在每年的两个日期之间自动启用Javascript(例如圣诞节)
- jQuery DatePicker-启用特定日期-代码不工作
- 如何启用日期选择器
- Jquery日期选择器启用数组中的日期
- 启用在日期选择器的下拉菜单中设置输入值
- 日期选择器在每月9号之后不启用日期
- 在jQuery日期选择器界面上禁用/启用选定的日期范围
- 如何禁用和启用日期时间选择器jquery插件
- 如何在jquery-ui-datepicker中根据用户选择禁用或启用日期
- 在ruby on rails中启用日期时间选择
- 在日期选择器中启用一天作为工作日
- 如何在日期之前禁用/启用输入元素
- 在日期选择器中禁用过去日期并仅启用某些未来日期