TalkingUi 之 DatePicker 教程

TalkingUI DatePicker 是一个轻量级的 Angular2 时间选择器组件,简单易用,支持数据双向绑定。

代码示例

1
2
3
4
5
6
7
8
9
export class ProductDateComponent implements OnInit {

public date1 = new Date();
constructor() { }

ngOnInit() {
}

}

使用tk-date-picker 指令,双向绑定 date1 日期数据。使用起来非常的方便

1
2
3
<div>
<tk-date-picker [(date)]="date1"></tk-date-picker>
</div>

示例效果

TalkingUI DatePicker 支持 年、月、日,小时、分钟选取。

TalkingUi

参考官网 《https://www.talkingui.com/product/date