Javascript 如何在datepicker中禁用过去的日期
我有一个带有datepicker的输入字段。我需要用户仅从当前日期中选择日期,过去的日期不应单击。下面是代码Javascript 如何在datepicker中禁用过去的日期,javascript,html,angularjs,twitter-bootstrap,meteor,Javascript,Html,Angularjs,Twitter Bootstrap,Meteor,我有一个带有datepicker的输入字段。我需要用户仅从当前日期中选择日期,过去的日期不应单击。下面是代码 <div class="col-lg-4"> <input class="form-control" type="datetime" date-time auto-close="true" view="date" min-view="date" maxlength="10" format="dd/MM/yyyy" ng-model="$ctrl.DateInp
<div class="col-lg-4">
<input class="form-control" type="datetime" date-time auto-close="true" view="date"
min-view="date" maxlength="10" format="dd/MM/yyyy" ng-model="$ctrl.DateInput"
placeholder="renewal date" required="true">
</div>
感谢您的快速帮助。。
谢谢 如果要缩小可能的日期范围,请添加最小日期或最大日期,如示例所示。
http://plnkr.co/edit/QiQDiPXhuO0eTPxxdGnd?p=preview
以下是文档的相关部分:
https://angular-ui.github.io/bootstrap/#/datepicker
最大日期(默认值:null)-定义最大可用日期。
最小日期(默认值:null)-定义最小可用日期。如果要缩小可能的日期范围,请添加最小日期或最大日期,如示例所示。
http://plnkr.co/edit/QiQDiPXhuO0eTPxxdGnd?p=preview
以下是文档的相关部分:
https://angular-ui.github.io/bootstrap/#/datepicker
最大日期(默认值:null)-定义最大可用日期。
最小日期(默认值:null)-定义最小可用日期。代码:
日期:
angular.module('myApp',['ngAnimate','ui.bootstrap']);
角度.module('myApp')。控制器('myCntrl',函数($scope){
$scope.today=函数(){
$scope.dt=新日期();
};
$scope.mindate=新日期();
$scope.dateformat=“MM/dd/yyyy”;
$scope.today();
$scope.showcalendar=函数($event){
$scope.showdp=true;
};
$scope.showdp=false;
});
代码:
日期:
angular.module('myApp',['ngAnimate','ui.bootstrap']);
角度.module('myApp')。控制器('myCntrl',函数($scope){
$scope.today=函数(){
$scope.dt=新日期();
};
$scope.mindate=新日期();
$scope.dateformat=“MM/dd/yyyy”;
$scope.today();
$scope.showcalendar=函数($event){
$scope.showdp=true;
};
$scope.showdp=false;
});
我不知道您使用的日期选择器是什么,但是否有min-date选项?看起来您使用的是HTML5 datetime use min=“”,但请参阅此演示链接,以获取浏览器支持,并尝试设置min=“您的min-date值”我不知道您使用的是什么日期选择器,但是否有min-date选项?看起来您使用的是HTML5 datetime use min=“”但有关浏览器支持的信息,请参阅此演示链接。请尝试设置min=“您的最小日期值”
todayDate=this.datePipe.transform(new Date(), 'yyyy-MM-dd');