Angular Material Design 中的事件日历

我想使用 Angular Material Design 默认日期选择器日历作为事件日历。喜欢：http://prntscr.com/fpg1lw http://prntscr.com/fpg1lw

如何在日历中列出我的活动？ 我只想强调 Angular Material Design 日期选择器日历中的一些特定日期。

从技术上讲，您无法完成此操作，但使用一些小技巧可能会起作用（如果您只想显示事件，而不是选择日期）。

根据医生https://material.angularjs.org/latest/api/directive/mdDatepicker https://material.angularjs.org/latest/api/directive/mdDatepicker， 您可以使用md-日期过滤器函数（日期）：布尔值/ 函数需要一个日期并返回一个布尔值，无论它是否可以被选择。

因此，您可以将日期事件放入数组中：

var today = new Date();
today.setHours(0,0,0,0);
var events = [
  today.getTime(),
  today.setDate(today.getDate() - 1),
  today.setDate(today.getDate() - 4)
];
$scope.filter = function(Date) {
  return events.indexOf(Date.getTime()) > -1;
};

在你的html中

<md-datepicker ng-model="birthday" md-date-filter="filter" md-is-open="true"></md-datepicker>

除了事件中指定的日期之外，您将禁用所有日期，然后添加一些样式来自定义它。