Oracle APEX中如何防止日期选择器的开始日期大于结束日期？

方法一：页面验证（提交时校验） #

这是后台层面的校验，确保提交的数据符合规则：

1. 打开目标页面（如P5）的编辑界面，切换到验证选项卡，点击「创建」按钮。
2. 选择「项目」类型验证，点击下一步；选择关联项目（建议选P5_END_DATE），继续下一步。
3. 验证类型选择PL/SQL表达式，点击下一步。
4. 在「PL/SQL表达式」输入框中写入校验逻辑：

   :P5_START_DATE <= :P5_END_DATE
   

   注：表达式返回TRUE代表验证通过，返回FALSE则触发错误。
5. 在「错误消息」框中填写提示文本：Start date must be less than end date（或中文：开始日期必须早于结束日期）。
6. 选择错误显示位置（如「项目下方」），完成创建并保存页面。

对应操作界面说明 #

截图1：页面编辑页的「验证」选项卡，展示点击「创建」按钮前的初始界面
截图2：验证类型选择界面，高亮选中「PL/SQL表达式」选项
截图3：PL/SQL表达式与错误消息填写界面，呈现上述代码和提示文本
截图4：校验失败效果，当P5_START_DATE大于P5_END_DATE时，页面显示对应错误提示

方法二：动态动作（实时前端校验） #

如果需要用户选择日期后立即得到校验反馈，可通过动态动作实现前端实时校验：

1. 切换到页面的动态动作选项卡，点击「创建」按钮。
2. 设置动态动作名称（如「日期顺序校验」），触发事件选择「更改」，触发元素选择P5_START_DATE和P5_END_DATE两个日期选择器。
3. 动作类型选择「执行JavaScript代码」，输入以下代码：

   var startDate = apex.item('P5_START_DATE').getValue();
   var endDate = apex.item('P5_END_DATE').getValue();
   if (startDate && endDate && new Date(startDate) > new Date(endDate)) {
       apex.message.showErrors([{
           type: "error",
           location: ["page"],
           message: "开始日期必须早于结束日期",
           unsafe: false
       }]);
   } else {
       apex.message.clearErrors();
   }
   

4. 可选：添加条件「项目不为空」，设置为P5_START_DATE和P5_END_DATE都不为空时触发，避免空值时误报。

内容的提问来源于stack exchange，提问作者Ziad Adnan