我用的是angular cil,组件库是NG-ZORRO
引用Zorro里的时间选择器:链接
我感觉我的很low,以后还会改进
在新建组件a里(我这里用组件是为了方便演示),
注意:引用NG-ZORRO的时间选择器组件时,有引入条件
a.html
<nz-date-picker [(ngModel)]="date" (ngModelChange)="onChange($event)"></nz-date-picker>
date就是初始默认的日期,ngModelChange是日前选中事件,都在a.ts文件里定义,原始定义:
a.ts
var data:any;
onChange(result: Date): void {
console.log('onChange: ', result);
}
我的代码:
a.html
<nz-date-picker [(ngModel)]="date2" (ngModelChange)="onChange2($event)"></nz-date-picker>
a.ts
export class DianqiComponent implements OnInit {