1. 首页
  2. 问答
  3. 如何使用angularjs和jquery禁用datepicker的未来日期

如何使用angularjs和jquery禁用datepicker的未来日期

2017-03-17 109 views
1

嗨我需要禁用未来的日期，我试过所有的方式 但我无法让我知道我错了。如何使用angularjs和jquery禁用datepicker的未来日期

<div class="input-group date"> 
    <input type="text" class="form-control pull-right" id="datepicker2" placeholder="Date of Join" ng-model="DateofJoining"> 
    <div class="input-group-addon"></div> 
</div> 

$('#datepicker2').datepicker({ 
    autoclose: true, 
    maxDate: new Date() 
});

我甚至试过在angularjs也但无法禁用它们，请让我知道如何禁用将来的日期。

我正在使用bootstrap-datepicker.js用于创建日期选择器。

来源

2017-03-17 Rocker

回答

0

似乎是它的正常工作在这个demo

确保相关的库添加到HTML作为脚本

<link rel="stylesheet"ref="http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css" /> 
<script src="http://code.jquery.com/jquery-1.8.3.js"></script> 
<script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script>

来源

2017-03-17 08:13:42

0

我的首要建议是使用由@krix

建议角指令

反正你可以根据你的代码输入禁用将来的日期如下

$(document).ready(function() { 
 
    $('.datepicker').datepicker({ 
 
     format: 'mm-dd-yyyy', 
 
     endDate: '+0d', 
 
    }); 
 
});
<script type="text/javascript" src="//code.jquery.com/jquery-1.8.3.js"></script> 
 
<link rel="stylesheet" type="text/css" href="http://www.eyecon.ro/bootstrap-datepicker/css/datepicker.css"> 
 
<link rel="stylesheet" type="text/css" href="http://getbootstrap.com/dist/css/bootstrap.min.css"> 
 
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.min.js"></script> 
 

 
<input class="datepicker" />

来源

2017-03-17 08:14:32

相关问题

 相关问题