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

The editor of this article introduces in detail "what are WeChat Mini Programs's five selectors". The content is detailed, the steps are clear, and the details are handled properly. I hope this article "what are WeChat Mini Programs's five selectors" can help you solve your doubts. Let's go deep into the editor's ideas and learn new knowledge together.

Picker

The scrolling selector that pops up from the bottom now supports five selectors, which are distinguished by mode, namely, ordinary selector, multi-column selector, time selector, date selector, provincial and municipal selector, and the default is ordinary selector.

Normal selector: mode=selector

The default value of the attribute name type indicates that when rangeArray / Object Array [] mode is selector or multiSelector, range is valid range-keyString. When range is an Object Array, use range-key to specify the value of key in Object as the value of the selector display content valueNumber0value indicates that which of the range is selected (the subscript starts with 0). Change event is triggered when bindchangeEventHandlevalue changes. Whether event.detail = {value: value} disabledBooleanfalse is disabled

Multi-column selector: mode = multiSelector (minimum version: 1.4.0)

The default value of the attribute name type indicates that when the minimum version of range 2D Array / 2D object Array [] mode is selector or multiSelector, range is valid. Two-dimensional array, the length represents the number of columns, each item of the array represents the data of each column, such as [["a", "b"], ["c", "d"] range-keyString when range is a two-dimensional object Array, use range-key to specify the value of key in Object as a selector to display the content valueArray [] value the value of each item indicates that the change event is triggered when the number of (subscript starts from 0) bindchangeEventHandlevalue in the range corresponding item is selected Event.detail = {value: value} bindcolumnchangeEventHandle triggers the columnchange event when the value of a column changes. Event.detail = {column: column, value: value}, the value of column indicates that the column has been changed (the subscript starts from 0), and the value of value indicates whether the subscript disabledBooleanfalse of the change value is disabled.

Time selector: mode=time

The default value of the attribute name type indicates that valueString indicates the selected time, the format "hh:mm" startString indicates the beginning of the valid time range, the string format "hh:mm" endString indicates the end of the valid time range, the change event is triggered when the string format is "hh:mm" bindchangeEventHandlevalue changes, and event.detail = {value: value} disabledBooleanfalse is disabled

Date selector: mode=date

The default value of the attribute name type indicates that valueString0 represents the selected date, the format "YYYY-MM-DD" startString indicates the beginning of the valid date range, the string format "YYYY-MM-DD" endString indicates the end of the valid date range, and the string format is "YYYY-MM-DD" fieldsStringday valid value year,month,day, indicating whether the change event is triggered when the granularity of the selector changes, and whether event.detail = {value: value} disabledBooleanfalse is disabled.

Valid values for fields:

Value indicates that the year selector granularity is annual month selector granularity is month day selector granularity is day

Province, city and district selector: mode = region (minimum version: 1.4.0)

The default value of the attribute name type indicates that valueArray [] represents the selected province and municipality. By default, the change event is triggered when the first value of each column, bindchangeEventHandlevalue, is changed. Whether event.detail = {value: value} disabledBooleanfalse is disabled here. The article "what are WeChat Mini Programs's five selectors" has been introduced. If you want to master the knowledge points of this article, you still need to practice and use it yourself. If you want to know more about related articles, welcome to follow the industry information channel.

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.