时间选择组件相关特性

时间选择组件用于选择时间,支持日期、时分等时间维度。可以设置显示的时间类型为年、月、日、时、分也可以结合显示,还可以控制显示的时间间隔、最大最小值、格式化等。

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

运行时的效果如下:

results matching ""

    No results matching ""

    results matching ""

      No results matching ""