简述
为了方便后续组件开发,单独创建了一个模块来存放组件,以后项目中开发的通用定制化组件统一放在此模块中,目前暂时只有时间控件,大家按需安装即可使用。
注:时间控件仅支持Char类型字段。
第一步
应用模块搜索:通用控件-安装
第二步
在你的char类型字段的form视图中引入widget:date_range_select
支持options参数,不传options默认为"时:分"格式
例1:<field name="XXX" widget="date_range_select" options="{'type':'HH:mm'}" autocomplete="off"/>
表示时间类型为"时:分",显示效果如下:
例2:<field name="XXX" widget="date_range_select" options="{'type':'HH:mm:ss'}" autocomplete="off"/>
表示时间类型为"时:分:秒",显示效果如下:
例3:<field name="XXX" widget="date_range_select" options="{'type':'yyyy-MM-dd'}" autocomplete="off"/>
表示时间类型为"年-月-日",显示效果如下:
例4:<field name="XXX" widget="date_range_select" options="{'type':'yyyy-MM-dd HH:mm:ss'}" autocomplete="off"/>
表示时间类型为"年-月-日 时:分:秒",显示效果如下:
点击“选择时间” 切换至时间选择框,点击“返回日期”可返回日期选择框
注意事项
一般配合两个char字段使用,开始-结束,注意后端校验时间先后