Winkelmaterial Datumsauswahl Nur einen bestimmten Tag der Woche wählbar (zB: Montag)

Question

Ich frage mich, gibt es einen Filtermechanismus für die Angular Material Datumsauswahl, so dass ich nur einstellen kann Montag sind wählbar von der Datumsauswahl.

Vielen Dank im Voraus.

Grüße ...

Answer 1

Ja. Es gibt ein Attribut namens md-date-filter, mit dem Sie den Tag angeben können, der vom Benutzer ausgewählt werden soll. Im folgenden Beispiel, wie Sie es zurückgeben Es wird nur möglich, montags auszuwählen. Sie können es bei Bedarf von o bis 7 ändern.

HTML-Ansicht Datei

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

In Controller-Datei

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

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

Answer 2

@Nimantha - bei this Werfen Sie einen Blick. Die Standardeinstellung ist der nächste Montag auf dem Datumssatz.

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