javascript - 引导日期选择器禁用特定日期
问题描述
我想用引导程序禁用特定日期
<script>
$(document).ready(function(){
var date_input=$('input[name="date"]');
var container=$('.bootstrap-iso form').length>0 ? $('.bootstrap-iso form').parent() : "body";
date_input.datepicker({
format: 'yyyy-mm-dd',
container: container,
minDate:new Date(),
disabledDates: ["2018-06-08","2018-06-10"],
autoclose: true,
})
})
</script>
任何人都可以帮助我吗?非常感谢
解决方案
您传递了无效的密钥。它datesDisabled
不是disabledDates
。
$(document).ready(function(){
var date_input=$('input[name="date"]');
var container=$('.bootstrap-iso form').length>0 ? $('.bootstrap-iso form').parent() : "body";
date_input.datepicker({
format: 'yyyy-mm-dd',
container: container,
minDate:new Date(),
datesDisabled: ['2018-06-08','2018-06-10'],
autoclose: true,
})
})
@import url('https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/css/bootstrap.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/css/bootstrap-datepicker3.css');
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
color: #b90000;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.2/js/bootstrap.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/js/bootstrap-datepicker.js"></script>
<input name="date">
推荐阅读
- sql - 在 PostgreSQL 中有没有 WHERE COUNT () 和窗口函数的替代方法?
- java - 对异常抛出和异常处理感到困惑
- python - 程序完成后如何保持值?
- angular - 滚动向下箭头时未突出显示 MatAutocomplete 选项
- javascript - 缓存从侦听器回调中获取的值
- pandas - 根据时间范围设置熊猫值
- entity-framework-core - 如何从代码优先迁移访问 UserManager?
- python-3.x - 我尝试在 Visual Studio 代码的终端中运行 python 文件,但它一直给我 synthax 错误
- r - filter_all 给了我相同的未过滤数据框
- python - 什么是 --use-feature=2020-resolver?在 ubuntu 上安装 jupyter 的错误消息