Skip to content

日期选择范围限制

背景

在某项目中,客户需要在项目管理系统中的创建项目报价表单时,开始时间不可以大于结束时间,结束时间不可以小于开始时间。

使用表达式,变量和函数会用 ${ } 包含

实现步骤

  • 进入系统应用设计,选择“项目报价”数据表,选择“表单字段”

    image-20230925185947398

  • 选择“开始日期”字段,点击编辑,进入字段编辑页面

    image-20230927171454968

  • 在字段编辑页面,找到“满足以下条件时日期不允许选择”,并点击“表达式编辑器”,进入表达式编辑页面;这里需要通过表达式所有获取大于“完成时间”的日期

    image-20230927171538402

  • 在表达式编辑器页面,选择[日期]

    image-20230927171620531

  • 编辑表达式,点击“表单数据”,在展开列表中选择点击“结束日期”,并整理表达式为date>record.finishTime,点击确定保存

    image-20231007140011425

  • 与上同理,在“项目报价数据表”,选择“结束日期”字段,点击编辑,进入字段编辑页面

    image-20230925190104266

  • 在字段编辑页面,找到“满足以下条件时日期不允许选择”,并点击“表达式编辑器”,进入表达式编辑页面;这里需要通过表达式所有获取小于“开始时间”的日期

    image-20230927165709997

  • 在表达式编辑器页面,选择[日期]

    image-20230927170208694

  • 编辑表达式,点击“表单数据”,在展开列表中选择点击“开始日期”,并整理表达式为date<record.startTime,点击确定保存

    image-20230927170429545

  • 返回字段设置界面,检查配置无误后,点击保存,发布应用,完成配置,

    image-20230927170615771

效果

  • 在创建新项目报价时,当选择开始日期为“2023-09-27”时,结束日期的选择内容为“2023-09-27”当天及以后的日期时间,早于该日期时间选择置灰不可选择,如下展示

    image-20230927170725723