Oracle Apex 24中无插件实现仅显示时间的选择器需求

无需依赖外部插件，通过改造原生日期选择器即可实现需求，具体步骤如下：

1. 设置日期选择器的格式掩码 #

打开目标日期选择器的属性面板，找到**格式掩码（Format Mask）**项，将其值设置为 HH24:MI。这会让输入框仅显示时间格式，同时限制用户输入符合该格式的内容。

2. 隐藏日历面板，保留时间选择功能 #

原生日期选择器默认会弹出日历组件，我们通过CSS隐藏这部分，只保留时间选择模块：

• 先给日期选择器设置一个静态ID（例如 time-only-picker，在属性面板的“高级”分类下设置）；
• 进入页面的内联CSS编辑区域（页面属性 → CSS → 内联），添加以下样式：

/* 隐藏日历面板 */
#time-only-picker .a-datepicker-calendar-container {
    display: none !important;
}
/* 适配时间选择器弹窗宽度 */
#time-only-picker .a-datepicker-time-container {
    width: auto !important;
}

如果需要批量处理多个时间选择器，可改用类选择器：

.apex-item-datepicker .a-datepicker-calendar-container {
    display: none !important;
}
.apex-item-datepicker .a-datepicker-time-container {
    width: auto !important;
}

3. 添加输入验证（可选） #

为了确保用户输入的时间格式合法，可给组件添加格式验证：

• 在组件的验证选项中，新建一个验证；
• 验证类型选择“格式掩码验证”，格式掩码设置为 HH24:MI；
• 设置错误提示信息（例如“请输入合法的时间格式，如22:21”）。

4. 测试验证 #

运行页面后，点击输入框会直接弹出时间选择器（仅显示小时和分钟选择项），输入框展示的内容严格遵循HH24:MI格式，完全隐藏日期相关内容。

内容的提问来源于stack exchange，提问作者Sly Warden