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一二列间 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

代码示例​

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)
})
}
})