更新时间:2025-08-15 GMT+08:00
分享

设置物料插件的“日期选择器”组件属性

适用场景

“日期选择器”组件用于在业务流程中高效处理日期与时间信息,适用于需采集、记录或基于时间维度驱动流程的场景。通过该组件,用户可以快速选择日期/时间(如审批时间、计划执行日等),作为业务数据沉淀或流程条件判断依据。

基础信息

属性名

说明

支持变量绑定

组件名

日期选择器组件的名称,默认为“日期选择器”,不可修改。

×

rel引用类

日期选择器组件的ID,系统自动生成,且不可修改。

×

Style

配置日期选择器组件样式,支持通过CSS代码自定义日期选择器组件的样式。

默认值

设置用户未手动选择时的默认日期(如当前日期、流程启动日等)。

只读

设置是否只读。

  • 关闭只读,支持查看选择日期
  • :开启只读,仅显示日期,不可修改

禁用

设置是否禁用组件

  • 关闭禁用,表示在启动流程时可以正常操作
  • 开启用,表示不支持在启动流程时执行此操作

文本框可输入

设置文本框是否支持手动输入日期文本

  • 只能通过日历面板选择
  • 支持直接输入日期字符(需符合格式)

占位符

设置输入框的提示文本(如“请选择日期”

如果您希望在切换语言时,占位符同步切换,可单击进行相关配置,具体操作请参见使用国际化词条

日期类型

根据实际业务需求,选择不同的日期类型。可选类型包括:年、月、日、周、日期时间、多日期、日期时间范围、日期范围、月份范围、年份范围。

日期显示格式

根据实际业务需求,自定义日期显示格式。支持的格式包括:年、月、日、年-月、年-月-日、年-月-日 小时:分钟、年-月-日 小时:分钟:秒。

面板对齐方式

根据实际业务需求,调整面板的对齐方式。支持的对齐方式包括:左对齐、居中对齐和右对齐。

更多选项类型

属性名

说明

支持变量绑定

默认日期

“日期类型”选择为“年”“月”“日”“周”“日期时间”“多日期”时,可自定义默认显示的日期(如“2025-01-01”,减少用户操作步骤。

×

数据传递方式

定义日期数据的系统传输格式,确保与其他模块的数据兼容性。支持的方式包括:年、月、日、年-月、年-月-日、年-月-日 小时:分钟、年-月-日 小时:分钟:秒。

×

范围选择信息

“日期类型”选择为“日期时间范围”“日期范围”“月份范围”“年份范围”时,可根据业务流程与用户使用习惯,自定义范围选择信息。

属性名

说明

支持变量绑定

开始占位符

自定义日期范围起始端的提示文本(如“开始日期”

如果您希望在切换语言时,开始占位符同步切换,可单击进行相关配置,具体操作请参见使用国际化词条

结束占位符

自定义日期范围结束端的提示文本(如“结束日期”

如果您希望在切换语言时,结束占位符同步切换,可单击进行相关配置,具体操作请参见使用国际化词条

分隔符

自定义范围两端的连接符号(如“-”“至”“~”等)

日期范围独立展示

设置日期范围是否独立展示。

  • :不独立展示,起始与结束在同一输入框
  • :独立展示,起始与结束分为两个输入框

选择器信息

属性名

说明

支持变量绑定

禁用日期

自定义禁止选择的日期范围(如过去日期、节假日等),避免无效数据录入。

×

快捷键

单击,灵活添加多个日期快捷选项,方便用户快速选择常用日期。
  • 文本:自定义快捷项显示的文本内容,确保其清晰、准确地传达对应日期含义(如“今天”“本周”
  • 点击回调事件:支持通过JavaScript进行个性化设置,当用户点击快捷项时,可触发特定逻辑,如数据提交、页面跳转、动态更新等,实现与业务流程的深度交互。

×

高级配置

属性名

说明

支持变量绑定

是否渲染

在页面开发中,可能需要根据某些条件来动态显示或隐藏页面中的组件内容,您可以设置此配置项。

  • :关闭渲染。
  • :开启渲染。

循环数据

表示需要循环渲染的数组。当页面存在若干份重复的、动态生成的内容时,您可以在高级面板中自定义循环数据。

迭代变量名

在循环渲染子项对应的变量名,默认为item。

×

索引变量名

循环渲染的索引变量名,默认为index。

×

key

用于标识每个循环项的唯一键值,默认为index。建议根据实际需求选择一个更合适的字段作为唯一标识符,以提高性能和避免潜在问题。

×

相关文档