角度材料日期选择器仅设置可选择的特定日期(例如:星期一)

时间:2016-03-24 11:01:20

标签: javascript angularjs datepicker angular-material days

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

先谢谢。

...问候

2 个答案:

答案 0 :(得分:2)

是。有一个名为return day === 1;的属性,您可以使用该属性指定您希望用户选择的日期。在下面的示例中,当您正在退回<md-datepicker ng-model="myDate" md-placeholder="Enter date" md-date-filter="onlyMonday"> </md-datepicker> 时,它将仅允许选择星期一。您可以根据需要将其从o更改为7。

html视图文件

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

在控制器文件中

   ;WITH cte AS
    (   
        SELECT  
               id,
               ROW_NUMBER() OVER (ORDER BY recommended) AS rn, 
               name,
               price

        FROM   Products
    )
    UPDATE  cte
    SET recommended = rn
    -- if you have any condition put here for example ( where rn <= 2000)

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

答案 1 :(得分:1)

@Nimantha - 看看this。它默认为datepicker上的下一个星期一。

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