javascript - Angular Material 日期选择器仅设置一周中的特定日期可选(例如 : Monday)

Question

我想知道 Angular Material Date Picker 是否有任何过滤机制，以便我可以设置只有星期一可以从 Date Picker 中选择。

Answer 1

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

html 查看文件

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

在 Controller 文件中

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

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