详细的解决方案和简单的微信小程序选择器视图组件的例子

视图选择器

相关文章：

微信小程序按钮

微信小广播节目

微信小程序块

微信小程序开关

微信小程序文本

微信小程序选择器视图

微信小程序选择器

WeChat small program label

微信小程序输入



微信小程序形式

微信小程序的复选框



实现效果图：





嵌入式页面滚动选择器



属性名称
类型
默认值
解释




价值
数阵

数组中的数字代表在选择器视图选择器视图列选择的项目（下标从0开始）。当数字大于选择器视图列时，选择最后一个项。


指示灯样式
字符串

在选择器中间设置选择框的样式。


bindchange
eventhandle

当滚动选择、价值的变化，引发更改事件，event.detail = { }价值：价值；价值是一个数组，表示视图选择器选择器视图列，目前选择以下项目（下标从0开始）。




注意：只有组件可以放置，其他节点不会显示。

选择器视图列

子节点的高度将自动设置为拾取视图的选定框的高度。

示例代码：



{ { { } } } {日}


{项目}


{ { } }月份


{项目}日






日期=新日期（）
常量年份= }
常量月份= }
常量天}

为了（让我= 1990；i < =日期。返回完整年份）{我+ +（；）
Years.push（我）
}

对于（让i = 1；i < 12；i + +）{
Months.push（我）
}

对于（让i = 1；i < 31；i + +）{
Days.push（我）
}

页（{
数据：{
岁月：岁月，
年：date.getfullyear（），
月份：月，
月份：2，
天：天，
日期：2，
年：date.getfullyear（），
值：{ 9999, 1, 1 }，
}，
BindChange：功能（e）{
Const Val = e.detail.value
this.setdata（{
年份：此数据。年份{ { { 0 } }，
月份：此数据。月份{ { { 1 } }，
日期：这个数据。天数{ { { 1 } }
}）
}
}）


谢谢你的阅读。我希望你能帮助你，谢谢你对这个站的支持。