南京安优网络科技有限公司 · 2012年成立 · 累计服务2000+企业 业务咨询:400-8793-956 售后:025-65016872
当前位置: 首页 - 知识资讯 - 微信小程序开发知识
微信小程序开发知识

微信小程序自定义时间段picker选择器

发布时间:2023-09-20 16:22:16 · 南京安优网络科技有限公司

想实现一个可以选择年份和时间段的日期选择器,如下所示

微信小程序自带的picker组件虽然能实现如上的内容,但不能实现样式的修改,不太符合小程序的设计主题,所以考虑了以下两种方法来实现如上的设计。

1.自定义date-picker

把要实现的date-picker封装为一个组件,组件内套用小程序自带的picker-view组件,其中picker_view-column表示不同的选择列,这样可以方便地实现样式的自定义。

上一篇:微信小程序时间选择器详解

下一篇:小程序日期(日历)时间 选择器组件