Angular Material 日期选择器仅设置一周中的特定日期可选（例如：星期一）

Question

我想知道 Angular Material 日期选择器有没有过滤机制，所以我可以设置只有星期一可以从日期选择器中选择。

Answer 1

是的。有一个名为 md-date-filter 的属性，您可以使用它来指定您希望被用户 select 编辑的日期。在下面的示例中，当您返回 return day === 1; 时，它将只允许 select 星期一。您可以根据需要将其从 o 更改为 7。

html 查看文件

<md-datepicker ng-model="myDate" md-placeholder="Enter date" md-date-filter="onlyMonday">
</md-datepicker>

在控制器文件中

$scope.onlyMonday = function(date) {
                          var day = date.getDay();
                          return day === 1;
}

http://codepen.io/next1/pen/EKmdPx

Answer 2

看看this。在日期选择器上默认为下周一。

$scope.today = new Date('05/30/2016');
$scope.nextMonday = $scope.today;
daystoAdd = 7 - ($scope.today.getDay()) + 1;
$scope.nextMonday.setDate($scope.today.getDate() + daystoAdd);

Angular Material 日期选择器仅设置一周中的特定日期可选（例如：星期一）

Angular Material Date Picker Set Only a Particular Day of Week Selectable (Eg: Monday)

javascript

datepicker

days

angularjs

angular-material