时间

再试一下时间选择器 .. 先去修改一下页面的初始化数据 .. 把这个 pick 的值换成一个时间 .. 格式就是两位数字表示的小时，冒号，加上两位数字表示的分钟 .. 比如 09:00 ..

回到视图 .. 改造一下这个 picker .. 绑定输出当前选择 .. 这里就是 pick ..

然后在 picker 组件上添加一个 mode，设置一下它的模式 .. 使用时间选择器的话，这个 mode 的值应该是 time ..

默认一天的时间都可以选择，如果你想规定个范围，可以加上一个 start .. 设置一个开始的时间 .. 再用一个 end ，添加一个截止的时间 .. 这样用户只能选择这个时间范围以内的时间 ..

回到开发者工具 .. 打开这个 picker .. 左边可以滚动选择小时 ... 右边这栏选择的是分钟 ..

date

这个 picker 的 mode 还可以是 date，也就是日期选择器 .. 可以再试一下 .. 这回我们把 pick 的值设置成一个日期 .. 这个日期用四位数字的年，横线，两位数字的月份，横线，再加上两位数字的日子 ..

再回到视图 .. 把这个 picker 改造成 date 类型 .. 它跟 time 类型的 picker 的用法差不多 .. mode 属性的值要设置成 date ..

这里我们同样可以使用 start 还有 end 去设置一个可选范围 .. start 设置成 1911-01-01 .. end 设置成 2060-12-31

保存一下文件 .. 回到开发者工具 ..

打开这个 picker .. 会出现一个日期选择器 .. 这里用户可以选择年份 .. 月份 .. 还有一个日子 ..

在 date 类型的 picker 组件上，我们还可以使用一个 fields 去设置一下可选的颗粒度 .. 默认它的值是 day，就是用户可以选择到日期的具体的日子 ..

如果你只想让用户选择到月份 .. 可以把 fields 的值设置成 month ..

现在这个 picker 只会让用户选择年份 ... 还有月份 ...

region

还有个地域类型的 picker，可以很容易创建地域选择器 .. 还是先去设置一下初始化数据 ..

这个 pick 表示的是当前选择的项目 .. 地域应该是个数组 .. 第一个项目是省份 .. 比如山东省 .. 第二个项目是市 .. 比如济南市 .. 第三个项目是区 .. 比如槐荫区 ..

回到视图文件 .. 改造一下这个 picker .. 先去掉不需要的属性 ..

mode 的值要设置成 region ，表示区域 .. 然后添加一个 value 属性，绑定一个值，这里就是 pick ..

回到开发者工具再试一下..

打开 picker .. 这里会有三栏内容 .. 用户可以选择省份 .. 市 .. 还有某个区 ..