如何在angularJS md datepicker上删除之前的日期

时间:2017-12-19 16:58:02

标签: angularjs angular-material

我对md-datepickerstartDate使用Angular endDate。 我需要startDate等于currentDate并禁用之前的日期。同样,用户只能在endDate之后选择startDate

1 个答案:

答案 0 :(得分:0)

在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>

希望这有帮助。