前面学习了文本定时和文本时钟显示,这些都是从系统时间方面进行计算输出。我们还会遇到另外一个方面,就是从用户那里进行输入。比如用户要选择每天几点钟进行闹钟提醒,又或者正在开发一个会议应用,需要设置几点开会。这些应用都需要用户对时间进行选择,并设置为后面到达的时间。所以我们就需要使用时间选择组件来实现这些需求。
时间选择组件定义如下:
TimePicker(options?: {selected?: Date})
需要输入一个参数options,这个参数默认就是设置时间选择组件的初始化时间。如果没有设置,就默认为当前系统时间。比如当前系统时间为8点,那么你想选择12点,就需要设置这个参数。如果不在乎什么时间点,那么可以采用默认值,就会比较方便。
在这个例子里,我们设置了当前时间:
private selectedTime: Date = new Date()