Skip to main content
版本:v1.0

PICK_DATE 时间选择控件

pick_date

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

创建 UI 控件

const pickDate = hmUI.createWidget(hmUI.widget.PICK_DATE, Param)

类型

Param: object

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

getProperty 支持字段

属性说明类型
yearnumber
monthnumber
daynumber
hour小时number
minute分钟number

代码示例

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

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

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

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