应用程序开发公司
软件开发

针对您的项目需求及预算规划量身制定方案

个体/中小企业/集团/政府机构/行业组织 了解详情 了解详情

秀杰实战教程系列《五》:实战课程之记账应用开发(续)

发布时间:2024-01-01 00:00 浏览次数:66

发智论:昨天官方研发存有了更新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存储即可,这里不并作可知

TAG标签:
阅读推荐