文档

日期范围

更新时间:

使用场景

当页面需要输入一个日期区间,您可以使用日期范围组件。

使用说明

日期范围组件通过两个日期来表示一个日期区间。

使用示例

  1. 组件面板拖拽日期范围组件至画布。

  2. 新增变量对话框中,完成变量类型需为List<Date>类型的变量)和分类等配置后,单击保存image

  3. 您可按需设置日期范围组件显示的格式,您也可以为其设置尺寸状态等。image

  4. 设置校验。

    日期范围作为表单组件使用,需设置校验是否必填、提示信息和自定义校验等信息。image

  5. 在页面右侧,选择事件 > 新建动作,其动作设置有onChange值发生改变时onOK点击确认按钮onVisbleChange弹层展示状态变化三种。image

    • 选择onChange值发生改变时动作。

      1. onChange值发生变化时对话框中,单击确定1

      2. 动作面板页面,您可按需添加Javascript代码。

        组件数值发生改变时平台将会执行onChange函数。

        image

    • 日期范围组件单击确定时,平台会触发onOK点击确认按钮函数,添加方式请参见选择onChange值发生改变时的相关配置步骤。

    • 日期范围组件弹层展示状态变化时,平台会执行onVisbleChange弹层展示状态变化函数,添加方式请参见选择onChange值发生改变时的相关配置步骤。