Oracle Apex日期选择器设置：限制结束日期不早于开始日期

方法一：使用Apex动态动作（无代码/少代码，推荐） #

这是最贴合Apex可视化配置逻辑的方式，无需复杂JS基础：

• 打开目标页面编辑界面，找到你的完成日期字段（示例：P1_END_DATE）
• 新建动态动作：
  1. 触发条件：选择「当值改变」，触发元素选你的开始日期字段（示例：P1_START_DATE）
  2. 动作类型：选择「执行JavaScript代码」
  3. 粘贴以下JS代码（记得替换实际字段ID）：

     var startDate = apex.item('P1_START_DATE').getValue();
     // 根据开始日期设置完成日期最小可选值，清空则取消限制
     $("#P1_END_DATE").datepicker("option", "minDate", startDate ? startDate : null);
     

• 额外添加页面加载时的动态动作，确保页面初始化时已有开始日期的话，完成日期限制立即生效：
  1. 触发条件：选择「页面加载」
  2. 动作类型同样选「执行JavaScript代码」，粘贴上述同一代码

方法二：直接在字段属性/页面JS中配置（适合熟悉JS的用户） #

若偏好更直接的代码配置：

1. 给完成日期字段添加实时限制：
   • 打开完成日期字段属性面板，找到「高级」->「自定义属性」
   • 输入以下代码（替换字段ID）：

     onfocus="
         var startVal = apex.item('P1_START_DATE').getValue();
         $(this).datepicker('option','minDate', startVal ? startVal : null);
     "
     

2. 添加页面初始化代码：
   • 进入页面「JavaScript」->「执行当页面加载时」
   • 粘贴以下代码：

     $(document).ready(function(){
         var startDate = apex.item('P1_START_DATE').getValue();
         $("#P1_END_DATE").datepicker("option", "minDate", startDate ? startDate : null);
     });
     

针对Apex 22+新日期组件的适配 #

如果使用Apex 22及以上版本的新日期选择器（非jQuery UI），将上述JS代码替换为：

var startDate = apex.item('P1_START_DATE').getValue();
apex.widget.datePicker.setConstraints('P1_END_DATE', {
    minDate: startDate ? new Date(startDate) : null
});

关键补充：服务器端验证 #

前端限制可被绕过，必须添加服务器端验证确保数据合法性：

• 新建页面验证，类型选择「PL/SQL函数返回错误文本」
• 输入以下PL/SQL代码（替换字段ID）：

  IF :P1_END_DATE < :P1_START_DATE THEN
      RETURN '完成日期不能早于开始日期';
  END IF;
  RETURN NULL;
  

内容的提问来源于stack exchange，提问作者Sergey FRAY