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

简述

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

注:时间控件仅支持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字段使用,开始-结束,注意后端校验时间先后

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容