在ui-bootstrap angularjs中是否有任何开始日期,如结束日期

时间:2014-06-06 11:24:02

标签: angularjs angular-ui-bootstrap

我想在日期之前禁用日期。 有什么办法吗?这是我的代码。

$scope.open = function($event)
{
 $event.preventDefault();
 $event.stopPropagation();
 $scope.opened = true;
};
$scope.dateOptions = {
 formatYear: 'yy',
 startingDay: 1
};
$scope.disabled = function(date, mode) {
return ( mode === 'day' && ( date.getDay() === 0 || date.getDay() === 6 ) );
};

HTML

<input type="text" class="form-control" datepicker-popup="dd-MMMM-yyyy" ng-model="dt" is-open="opened"  max-date="'2015-06-22'" datepicker-options="dateOptions" ng-required="true" close-text="Close" style="float:left" date-disabled="disabled(date, mode)"/>

1 个答案:

答案 0 :(得分:0)

angular ui bootstrap docs中所述:

  • min-date(默认值:null):定义最短可用日期。

  • max-date(默认值:null):定义最长可用日期。

这将使您的代码看起来像:

$scope.dateOptions = {
 formatYear: 'yy',
 startingDay: 1,
 minDate : new Date("whatever"),
 maxDate : new Date("whatever")
};