Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在datepicker中禁用过去的日期_Javascript_Html_Angularjs_Twitter Bootstrap_Meteor - Fatal编程技术网

Javascript 如何在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

我有一个带有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.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');