使用Angular Material Calendar时如何设置`startAt`日期?

时间:2017-09-13 11:46:31

标签: angular angular-material angular-material2

我正在使用material2 v2.0.0-beta.10以及Angular v4,并且在使用md-calendar组件时遇到问题。我的问题是我无法将startAt日期设置为任何内容。

我将开始日期设置为昨天如下:

  this.startAt = new Date();
  this.startAt = this.startAt.setDate(this.startDate - 1);

Here是尝试将startAt日期设置为昨天的傻瓜。

我错过了什么?

1 个答案:

答案 0 :(得分:2)

从文档示例中,它说开始日期接受以下格式:

  

startDate = new Date(1990,0,1);

它也说:

  

日历打开的月份或年份由第一个确定   检查当前是否选择了任何日期,如果是,它将打开   包含该日期的月份或年份。否则它会打开   包含今天日期的月份或年份。可以覆盖此行为   通过使用md-datepicker的startAt属性。在这种情况下   日历将打开包含startAt日期的月份或年份。

如果您希望将其设置为下个月,那么这应该可行:

let today = new Date();

let day = today.getDay();
let month = today.getMonth() + 1;
let year = today.getUTCFullYear();

this.startAt  = new Date(year, month, day);

<强> DEMO