日期时间框

用于选择或输入日期

属性

基础

• 基本属性： 同组件管理 -> 属性 -> 基本属性

• 尺寸： 组件的尺寸大小。

  • 大
  • 中
  • 小
  • 超小

• 范围选择框： 是否开启时间范围选择。

• 选择器类型： 选择器的类型。

  • 时间
  • 日期
  • 日期时间
  • 月份
  • 年份

• 文本可输入： 是否可以输入时间。

• 是否可清楚： 是否可以清除时间。

• 占位文本： 占位的文本字。

• 前占位文本： 范围选择框开启后第一个日期框的占位字。

• 后占位文本： 范围选择框开启后第二个日期框的占位字。

• 范围分隔符： 范围选择框开启后第一个日期框与第二个日期框之间的分隔符。

• 输入框格式： 输入时间的格式，默认为yyyy-MM-dd。

• 数据格式： 时间的显示格式，默认为yyyy-MM-dd。

编辑框

• 背景颜色： 编辑框的背景颜色。

• 高度： 编辑框的高度大小。

• 字体颜色： 编辑框中字体的颜色。

• 字体大小： 编辑框中字体的颜色。

• 字体粗细： 编辑框中字体的颜色。

• 字体： 编辑框中字体的颜色。

• 边框颜色： 编辑框的边框颜色。

• 边框宽度： 编辑框的边框宽度。

• 边框类型： 编辑框的边框类型。

  • 实线
  • 虚线
  • 点状线

标签

• 显示标签： 是否显示标签。

• 标签内容： 标签的内容。

• 标签位置： 标签的位置。

• 标签宽度： 标签的宽度。

• 标签行高： 标签的行高。

• 字体颜色： 标签中字体的颜色。

• 字体大小： 标签中字体的颜色。

• 字体粗细： 标签中字体的颜色。

• 字体： 标签中字体的颜色。

数据

静态数据

上图中的示例JSON代码如下：

{
  "value1": "2019-12-25",
  "value2": ""
}

• value1： 编辑框第一个时间。

• value2： 编辑框第二个时间。

数据资源

交互

日期时间切换事件

勾选启用，开启日期时间切换事件。当日期时间切换时，绑定字段中数据会推送到变量中。关联此变量的组件将携带此变量值，触发数据请求，查询相关数据，更新组件。具体配置请参考组件交互。

数据响应

日期时间框支持数据响应配置。

节点编程

事件

• 设置日期时间： 设置日期时间切。

  • 接收的参数：  日期时间。