当前位置: 首页 > 文档资料 > Weex 中文文档 >

picker

优质
小牛编辑
137浏览
2023-12-01

WARNING

<picker> 只支持 Android 和 iOS,不支持 Web.

以下为 picker 相关的 API,用于数据选择,日期选择,时间选择。( H5模块如需使用,请手动引入 weex-picker组件)。

pick

pick(options, callback[options])

  • @options

    • index {number}: 默认选中的选项
    • items {array}: picker 数据源
    • textColor {color}: picker中文字的颜色
    • selectionColor {color}: picker中选中item的背景色
    • confirmTitle {string}: 确认按钮的文案
    • cancelTitle {string}: 取消按钮的文案
    • confirmTitleColor {color}: 确认按钮的文字颜色
    • cancelTitleColor {color}: 取消按钮的文字颜色
    • title {string}: 对话框的标题
    • titleColor {color}: 对话框标题的文字颜色
    • titleBackgroundColor {color}: 对话框标题的背景色
  • @callback,执行完读取操作后的回调函数 ret {Object}callback '函数的参数,有两个属性

    • result {string}: 结果三种类型 success, cancel, error
    • data {number}: 选择的选项,仅成功确认时候存在

pickDate

pickDate(options, callback[options])

  • @options
    • value {string}: 必选,date picker 选中的值,date 的字符串格式为 yyyy-MM-dd
    • max {string}: 可选,date 的最大值
    • min {string}: 可选,date 的最小值
  • @callback,执行完读取操作后的回调函数。ret {Object}callback 函数的参数,有两个属性:
    • result {string}: 结果三种类型 success, cancel, error
    • data {string}: 选择的值 date 的字符,格式为 yyyy-MM-dd, 仅成功确认的时候存在

pickTime

pickTime(options, callback[options])

  • @options
    • value {string}:必选,time 格式为 HH:mm
  • @callback,执行完读取操作后的回调函数。ret {Object}callback 函数的参数,有两个属性
    • result {string}: 结果三种类型 success, cancel, error
    • data {string}:time 格式为 HH:mm, 仅成功确认的时候存在

Demo