从Angular Material的垫子日历中获取用户选定的值或在组件中渲染垫子日期选择器

我只是想问问任何人是否有任何使用Angular Material中的<mat-calendar>的经验？我想要一个日历组件嵌套在我的html模板中，而不是在点击按钮或某种切换时显示在Popup/Modal中。 Material Datepicker似乎不支持这个（除非我错过了），所以我认为我可以将mat-calendar添加到我的表单中，然后知道有一个userSelected输出，我可以“听”它并运行一种方法来获取所选内容值...从Angular Material的垫子日历中获取用户选定的值或在组件中渲染垫子日期选择器

在我的HTML ...

<div> 
    Select a day: 
    <mat-calendar #myDate (userSelection)="getChangedValue($event)"></mat-calendar> 
<div>

在我的组件

getChangedValue(e) { 
    console.log(e); // this is always "undefined" 
    }

但是在通过mat-calendar代码中，我可以看到输出 “userSelection” 寻找返回void，所以我无法得到那里的选定值和美化的渲染日历并不好，并且需要一些大量的CSS工作。我只是好奇地想知道，如果有人曾经从事这方面的工作，并且可以阐明我如何从垫日历中获得选定的值（即选定的日期） - 这可以为我节省一些时间，同时通过文档。任何意见，将不胜感激。

来源

2017-10-16 Mike Sav

通过研究Angualar材料库的代码，使用名为selectedChange的输出显示所选日期。我可以使用这个日期得到日期，例如：

<mat-calendar #myDate (selectedChange)="getChangedValue($event)"></mat-calendar>

来源

2017-10-16 11:41:51

从Angular Material的垫子日历中获取用户选定的值或在组件中渲染垫子日期选择器

回答

相关问题