角材料设计 - 绑定Date对象MdDatepicker
问题描述:
https://material.angular.io/components/datepicker/examples角材料设计 - 绑定Date对象MdDatepicker
我学习使用材料设计日期选择器官方页面和我想choosen数据绑定到Date对象。
日期选择器 - 概述 - example.component.html:
<md-input-container>
<input mdInput [mdDatepicker]="picker" placeholder="Choose a date">
<button mdSuffix [mdDatepickerToggle]="picker"></button>
</md-input-container>
<md-datepicker #picker></md-datepicker>
日期选择器 - 概述 - example.component.ts:
import {Component} from '@angular/core';
@Component({
selector: 'datepicker-overview-example',
templateUrl: 'datepicker-overview-example.component.html',
styleUrls: ['datepicker-overview-example.component.css'],
})
export class DatepickerOverviewExample {
@Input() date: Date;
}
我如何绑定呢?
答
通过指派value
属性绑定到input
元件
<md-input-container>
<input [value]="value" mdInput [mdDatepicker]="picker" placeholder="Choose a date">
<button mdSuffix [mdDatepickerToggle]="picker"></button>
</md-input-container>
<md-datepicker (selectedChanged)="selectedChanged($event)" #picker></md-datepicker>
打字稿:
value:Date =new Date();