时间选择组件相关特性
时间选择组件用于选择时间,支持日期、时分等时间维度。可以设置显示的时间类型为年、月、日、时、分也可以结合显示,还可以控制显示的时间间隔、最大最小值、格式化等。
1.控制时间间隔
本例是控制显示日时的间隔
js代码实现如下:
rqfilter= (type, options) => {
if (type === 'day') {
return options.filter((option) => option % 5 === 0)
}
return options
}
时间间隔属性设置时通过$page调用js方法,如下:
源码中生成的属性代码为filter="{$page.rqfilter}"
运行时的效果如下:
2.控制格式化
格式化是可以设置运行时显示的格式,本例是显示XX年,XX月
js代码实现如下:
formatter = (type, value) => {
if (type === 'year') {
return value+'年'
}
if (type === 'month') {
return value+'月'
}
return value
}
格式化属性设置时通过$page调用js方法,如下:
源码中生成的属性代码为formatter="{$page.formatter}"
运行时的效果如下: