通用组件-时间控件使用方法

简述

为了方便后续组件开发，单独创建了一个模块来存放组件，以后项目中开发的通用定制化组件统一放在此模块中，目前暂时只有时间控件，大家按需安装即可使用。

注：时间控件仅支持Char类型字段。

第一步

应用模块搜索：通用控件-安装

安装

第二步

在你的char类型字段的form视图中引入widget：date_range_select

支持options参数，不传options默认为"时:分"格式

例1：<field name="XXX" widget="date_range_select" options="{'type':'HH:mm'}" autocomplete="off"/>

表示时间类型为"时:分"，显示效果如下：

HH:mm格式

例2：<field name="XXX" widget="date_range_select" options="{'type':'HH:mm:ss'}" autocomplete="off"/>

表示时间类型为"时:分:秒"，显示效果如下：

HH:mm:ss格式

例3：<field name="XXX" widget="date_range_select" options="{'type':'yyyy-MM-dd'}" autocomplete="off"/>

表示时间类型为"年-月-日"，显示效果如下：

yyyy-MM-dd格式

例4：<field name="XXX" widget="date_range_select" options="{'type':'yyyy-MM-dd HH:mm:ss'}" autocomplete="off"/>

表示时间类型为"年-月-日 时:分:秒"，显示效果如下：

yyyy-MM-dd HH:mm:ss格式，日期选择

点击“选择时间” 切换至时间选择框，点击“返回日期”可返回日期选择框

yyyy-MM-dd HH:mm:ss格式，时间选择

注意事项

一般配合两个char字段使用，开始-结束，注意后端校验时间先后