网站建设培训四川erp软件开发定制

前面学习了时间选择组件，实现了时间的选择，这样非常方便用户进行时间的输入，通过手动就可以输入时间，比直接文本输入要省不少时间，特别对于手机这样单手操作的设备，更加重要了。因此，日期的输入工作也不能落后，本文将要学习日期选择组件，这样就可以实现日期通过手上下移动的方式来对日历进行输入。如果前面学习过时间选择组件，再来学习日期选择组件，就会比较快，因为它们的接口是差不多的。

日期选择组件定义的接口如下：

DatePicker(options?: {start?: Date, end?: Date, selected?: Date})

在这个函数里主要输入一个参数options，这个参数是可选的。

主要定义了日期的开始start、结束end、当前选择的日期selected。前面两个参数限制了日期的范围，这样对于某此场合就比较有用，比如限制在某段时间的选择。后面一个参数选择日期，就是当显示出来界面上时，要选中的日期。一般情况下都是选择当前的日期。