美文网首页小程序实用UI及常见问题解决
小程序自定义日期选择控件

小程序自定义日期选择控件

作者: Frankeen | 来源:发表于2018-01-17 10:25 被阅读4137次

    介绍:

    对于微信小程序,微信提供了一个滚动选择器和自身的日期滚动选择器,但是开发中难免存在一些自定义的样式,这时候就要自己来定义了。下面我来简单介绍一下怎么自定义:

    1,首先微信提供了一个滚动选择器:picker-view,picker-view官方说明:

    https://mp.weixin.qq.com/debug/wxadoc/dev/component/picker-view.html

    2,我们这里是自定义了一个组件,所以需要了解一下微信的自定义组件,自定义组件官方说明:

    https://mp.weixin.qq.com/debug/wxadoc/dev/framework/custom-component/wxml-wxss.html

    3,我们才用了三个picker-view,分别存入年,月,日,这样方便监听年月日的变化,因为每个月的最大天数不一样。

    深入说明我就不说了,大家自己看源码吧,下面给出源码地址和效果图:

    效果图:

    git地址:https://github.com/fuxingkai/frankui-weapp,走过路过给个star和fork一下,欢迎大家吐槽。

    相关文章

      网友评论

        本文标题:小程序自定义日期选择控件

        本文链接:https://www.haomeiwen.com/subject/qwpyoxtx.html