微信小程序表单类组件picker日期选择器使用详解

 时间:2024-10-30 15:17:17

1、先百度搜索查看 picker 滚动选择器组件的官方文档,通过设置其 mode 属性的值可使用不同的滚动选择器,不同的选择器除了公共属性外,还会有一些特殊属性。本篇经验分享时间选择器的相关内容(即 mode = 'date')。

微信小程序表单类组件picker日期选择器使用详解

3、在 js 文件中定义上面数据绑定所使用的变量 date,以及 bindchange 属性绑定的回调函数。

微信小程序表单类组件picker日期选择器使用详解

5、保存编译后,在模拟器中查看页面效果,符合预期,点击选择器,弹出滚动选择区域,当超出设置的日期范围后,会自动回弹;确认选择一个日期后,会触发 bindchange 绑定的回调函数。

微信小程序表单类组件picker日期选择器使用详解
  • 如何使用notepad++制作一个HTML文件
  • Navicat Premium中如何隐藏连接组
  • css 动画如何让背景动起来
  • jquery如何更改input的值
  • 如何用jQuery动态在某个DIV里写入HTML代码
  • 热门搜索
    什么河不流水 玫瑰花的花语是什么 喜爱的反义词是什么 开黄腔什么意思 难过的反义词是什么 春梦是什么意思 和谐什么意思 favorite什么意思 种草莓是什么意思 哥德巴赫猜想是什么