PICK_DATE 时间选择控件

API_LEVEL 2.0 开始支持，API 兼容性请参考 API_LEVEL。

注意

API_LEVEL 3.6 之后，请使用 TIME_PICKER 控件

展示时间选择控件，提供用户选择

创建 UI 控件

import { createWidget, widget } from '@zos/ui'

const pickDate = createWidget(widget.PICK_DATE, Param)

类型

Param: object

属性	说明	是否必须	类型
x	控件 x 坐标（x <= 0 会默认居中）	是	number
y	控件 y 坐标	是	number
w	整个空间的宽度（宽度小于设备宽度 1/2 会判定为异常，此时设置为默认值 300px）	否	number
padding_1	一二列间 padding	否	number
padding_2	二三列间 padding	否	number
font_size	控件上文字的大小，默认 36	否	number
startYear	起始年	否	number
endYear	结束年	否	number
initYear	初始年	否	number
initMonth	初始月	否	number
initDay	初始日	否	number
initHour	初始小时	否	number
initMin	初始分钟	否	number

getProperty 支持字段

属性	说明	类型
year	年	number
month	月	number
day	日	number
hour	小时	number
minute	分钟	number

代码示例

import { createWidget, widget, prop } from '@zos/ui'

Page({
  build() {
    const pick_date_date = createWidget(widget.PICK_DATE)
    pick_date_date.setProperty(prop.MORE, {
      w: 480,
      x: 20,
      y: 120,
      startYear: 2000,
      endYear: 2030,
      initYear: 2021,
      initMonth: 2,
      initDay: 3
    })

    const confirm = createWidget(widget.TEXT, {
      x: 0,
      y: 400,
      w: 480,
      h: 80,
      text_size: 42,
      color: 0xffffff,
      text: 'confirm'
    })

    confirm.addEventListener(event.CLICK_UP, (info) => {
      const dateObj = pick_date_date.getProperty(prop.MORE, {})
      const { year, month, day } = dateObj

      console.log('year', year)
      console.log('month', month)
      console.log('day', day)
    })
  }
})