Shulou(Shulou.com)06/01 Report--

This article mainly introduces "WeChat Mini Programs's form component picker-view how to use" related knowledge, editor through the actual case to show you the operation process, the method of operation is simple and fast, practical, hope that this "WeChat Mini Programs's form component picker-view how to use" article can help you solve the problem.

Picker-view

Scrolling selector embedded in the page

Attribute name type description the number in the minimum version valueNumberArray array in turn represents the item selected by picker-view-colume within picker-view (the subscript starts at 0), and if the number is greater than the optional length of picker-view-column, select the last item. Indicator-styleString sets the style of the middle selection box in the selector indicator-classString sets the class name of the middle selection box 1.1.0bindchangeEventHandle when scrolling selection, value changes to trigger the change event, event.detail = {value: value}; value is an array, indicating the number of items currently selected by the picker-view-column in the picker-view (subscript starts from 0)

Note: only components can be placed, and other nodes will not be displayed.

Picker-view-column

Can only be placed in, and the height of its child node is automatically set to the same height as the check box of the picker-view.

Sample code:

{{year}} year {{month}} month {{day}} day {{item}} year {{item}} month {{item}} day const date = new Date () const years = [] const months = [] const days = [] for (let I = 1990; I

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.