如何在angularJS md datepicker上禁用以前的日期

Question

我使用Angular md-datepicker为startDate和endDate。我需要我的startDate等于currentDate并禁用以前的日期。同样，用户只能在endDate之后选择startDate。

Answer 1

在md-datepicker中，您可以使用md-min-date设置最小日期。在您的控制器中，您可以设置$ scope变量，如：

$scope.today = new Date()

并在视野中使用

 <md-datepicker ng-model="startDate" md-placeholder="Enter date" md-min-date="today"></md-datepicker>

并且仅在选择endDate之后选择startDate，你可以在第二个日期选择器中使用ng-disabled，直到你的startDate模型被设置。所以你的第二个datepicker指令看起来像

<md-datepicker ng-model="endDate" md-placeholder="Enter date" md-min-date="startDate" ng-disabled="startDate.length == 0"></md-datepicker>

希望这可以帮助。