2017-06-06 67 views
0

我在我的项目中使用“datepicker”插件,它设置为十年视图,并且我想禁用未来日期,因为我已经使用了maxDate选项,但它是不工作,我的代码:minDate和maxDate选项不能在datepicker中工作

$('#data_1 .input-group.date').datepicker({ 
    todayBtn: "linked", 
    maxDate: "0", 
    keyboardNavigation: false, 
    forceParse: false, 
    calendarWeeks: true, 
    autoclose: true 
}); 

试图与0new Date

+0

我尝试在API的网站:HTTPS://uxsolutions.github。 io/bootstrap-datepicker /;如果你今天在结束日期输入它的生成 - endDate:“今天” - 所以尝试删除maxDate并添加endDate:“今天” – sixerss

回答

2

注意bootstrap-datepicker没有maxDate选项,你必须使用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">

+0

这工作,感谢bro @ VincenzoC –

1

试试下面的代码:

var today = new Date(); 
$('#data_1 .input-group.date').datepicker({ 
      todayBtn: "linked", 
      endDate: "today", 
      maxDate: today 
      keyboardNavigation: false, 
      forceParse: false, 
      calendarWeeks: true, 
      autoclose: true 
     }); 

你也可以尝试使用:

maxDate: 0 
+0

尝试你的解决方案不工作,是的我试着用“0”和“新日期() “,似乎没有任何工作! –

0

添加属性data-date-end-date="0d"工作对我来说:

<input type="text" id="birthDay" data-date-end-date="0d"> 
相关问题