minDate和maxDate选项在datepicker中不起作用 [英] minDate and maxDate options are not working in datepicker
本文介绍了minDate和maxDate选项在datepicker中不起作用的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我在项目上使用"datepicker"插件,将其设置为十年视图,并且我想禁用将来的日期,为此,我使用了maxDate
选项,但它不起作用,我的代码:
I'm using the "datepicker" plugin on my project, it's set to decade view, and I want to disable the future dates, for this I have used the maxDate
option but it's not working, my code:
$('#data_1 .input-group.date').datepicker({
todayBtn: "linked",
maxDate: "0",
keyboardNavigation: false,
forceParse: false,
calendarWeeks: true,
autoclose: true
});
尝试了0
和new Date
推荐答案
请注意, bootstrap-datepicker 没有maxDate
选项,则必须使用
Note that bootstrap-datepicker has no maxDate
option, you have to use endDate
.
这里是一个工作示例:
$("#datepicker").datepicker({
todayBtn: "linked",
endDate: new Date(),
keyboardNavigation: false,
forceParse: false,
calendarWeeks: true,
autoclose: true
});
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet"/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/css/bootstrap-datepicker3.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.js"></script>
<input type="text" class="form-control" id="datepicker">
这篇关于minDate和maxDate选项在datepicker中不起作用的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文