Angular Material Datepicker - 选择星期几的其他日期时默认选择星期一

时间:2016-04-18 14:32:51

标签: jquery angularjs datepicker

我是Angularjs的新手。我想知道Angular Material Date Picker(md-datepicker)是否有任何过滤机制,因此我可以选择仅在星期一选择星期几的其他日期,前提是所有日期都已启用。例如,当我点击2016年4月14日(星期四),(11-04-2016)时,应该自动选择那周的星期一。

如果需要任何其他详细信息,请与我们联系。任何帮助非常感谢。提前谢谢。

1 个答案:

答案 0 :(得分:1)

您可以为日期选择器编写过滤器:

 <md-datepicker ng-model="myDate" md-date-filter="onlyMondays"></md-datepicker>

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

或者,如果您想让所有日期都可以选择,您可以在后台将日期更改为星期一:

<md-datepicker ng-model="selectedDate"></md-datepicker>

您可以将日期设置为之后的最后一个星期一:

var daysToSubstract = $scope.selectedDate.getDay() - 1; 
$scope.myDate.setDate($scope.selectedDate.getDate() - daysToSubstract);