秀杰实战教程系列《五》：实战课程之记账应用开发（续）

发智论：昨天官方研发存有了更新v0.10.101100，Picker的mode属性已经积极支持date以及time（background-image的bug也复原），于是去更新此实例。

目标：同时实现内置日期组件

例如图

官方文档原文：https://mp.weixin.qq.com/debug/wxadoc/dev/component/picker.html

步骤，在item.wxml文件中减少一个picker组件，如下：

例如图

从图中可以窥见：

1.日期后面就是空白的，必须预设表明今天日期； 2.页面确认也没表明至组件上，须要同时实现bindDateChange方法。

于是我们须要在item.js文件中，声明一个data值date与wxml中的{{date}}存取关联

然后在onLoad中初始化字符串格式的日期值，详尽表明见到注解：

经过例如上处置，日期组件已经表明为当前日期

例如图

处置至此，我们还须要复原一个逻辑错误，即为组件的完结日期必须不少于当日，作法也很直观，只须要在wxml文件中对picker的日期属性end由2017-09-01改成{{date}}即可

吐槽一下，官方的picker的还是存有bug的，全然不听到start与end侍候，仍可以选聘意日期，暂时不回去理会，代码就这么写下着，什么时候开发工具复原了自然可以了，毕竟就是现在还只是公测，就将就用着。

接下来处置日期组件页面证实事件bindDateChange

返回item.js文件

声明一个bindDateChange方法，嵌入如下代码以FECdata中的date值

至此，已经同时实现内置日期picker组件。剩的就是将它同之前的标题、类型、金额字段那样存有json再本地setStorage存储即可，这里不并作可知