时间字段
精准便捷地收集时间。从预约安排到班次选择，时间字段提供优雅的原生时间选择器、智能时间间隔和灵活的格式设置，并支持验证、自定义和流畅的用户体验。
智能时间采集，内置验证功能
完美的：
适用于各种用例的强大功能
🕐 灵活的时间安排
24小时或12小时显示
选择适合受众的时间格式。对于国际用户，请使用 24 小时制时间（例如 14:30）；对于熟悉的受众，请使用 12 小时制并标注上午/下午（例如 2:30 PM）。
自动格式转换
该字段可自动处理格式转换——用户可以看到他们喜欢的格式，而您的系统则会收到一致的数据。
例子：
- 营业时间上午 9:00 至下午 5:00（12 小时制）
- 国际日程安排：09:00 – 17:00（24 小时）
- 医疗预约14:30（24 小时制）
⏰ 智能时间间隔
控制选择精度
设置时间选择的精细程度。根据您的需要，可以选择每分钟或每小时的时间间隔。
可预约时段：
- 每分钟（12:00、12:01、12:02……）——最高精度
- 每隔5分钟（12:00、12:05、12:10……）——标准预约
- 每隔10分钟（12:00、12:10、12:20……）——快速预订
- 每隔 15 分钟（12:00、12:15、12:30……）——最常见
- 每隔30分钟（12:00、12:30、1:00……）——半小时时段
- 每小时（12:00、1:00、2:00……）——简单选择
为何重要：
选项越少，选择速度越快。根据您的日程安排需求调整时间间隔，以获得更好的用户体验。
🎯 时间范围限制
设置最早和最晚时间
限制可用时间，使其与营业时间、活动安排或运营窗口相匹配。用户无法选择超出您定义范围的时间。
智能验证
浏览器级别的验证可以防止用户点击提交按钮之前提交无效内容。
用例：
- 营业时间：上午 9:00 至下午 6:00
- 晚间活动：仅限下午 5:00 之后。
- 上午时段：仅限中午 12:00 之前
- 夜班：晚上10:00至早上6:00
例子：
- 餐厅预订时间：最早上午 11:00，最晚晚上 10:00
- 健身课程：最早早上6:00，最晚晚上9:00
- 客服时间：上午 8:00 至下午 5:00
🔧 默认时间选项
三个明智的起始价值观：
1. 空白（无默认值）
用户从空白字段开始——这在时间始终唯一的情况下是最佳选择。
2. 当前时间
表单加载时自动填充当前时间——非常适合“事件发生时间”或时间戳字段。
3. 自定义时间
预先选择一个具体时间，例如“上午 9:00”，作为建议的预约时间或常用选项。
何时使用：
- 空白 – 活动开始时间、个人日程安排
- 当前 – 报告时间戳、签到时间
- 自定义 – 建议会议时间，默认时间
⚡ 秒级精度（可选）
需要时添加秒数
启用秒数字段（HH:MM:SS）可实现精确计时。非常适合计时赛、秒表和精确时间戳。
格式示例：
- 不含秒数：下午 14:30 或 2:30
- 精确到秒：14:30:45 或 下午 2:30:45
理想选择：
- 体育计时和比赛结果
- 科学实验
- 精确的日志记录系统
- 计时赛提交
🔀 条件逻辑
动态时间场
根据表单其他值显示或隐藏时间字段。创建能够适应用户输入的智能表单。
高级逻辑规则：
- 与逻辑——所有条件必须满足
- 逻辑或 – 任何条件都可以触发该操作
- 8 个运算符——等于、不等于、大于、小于、包含、为空等等
用例：
- 仅当选择“电话联系”时才显示“首选通话时间”。
- 当事件类型为“自定义事件”时，显示“事件开始时间”
- 当配送方式为“标准配送”时，隐藏“配送时间”。
- 当会议类型为“线下”时，显示“会议时间”。
🎨增强用户体验
点击任意位置激活
点击字段中的任意位置即可打开原生时间选择器——更大的目标区域，更好的可用性。
本地时间选择器
使用浏览器内置的时间选择器，并提供熟悉的、针对平台优化的界面（iOS 转盘、Android 时钟、桌面下拉菜单）。
移动优化
使用原生移动键盘和选择器进行触控友好的时间选择。
其它特性包括：
- 用于样式设置的自定义 CSS 类
- 系统时间的隐藏字段模式
- 辅助功能支持（ARIA 标签）
- 清除按钮方便重置
- 必填字段验证
- 占位符文本支持
三步简单设置
几分钟即可准备好您的时间字段
添加时间字段
将“基本字段”部分中的“时间”字段拖放到表单中。
配置格式和间隔
选择 12 小时制或 24 小时制，设置时间间隔（每 15 分钟、30 分钟等），还可以选择添加最短/最长时间限制。
设置默认时间
选择字段初始状态为空白、当前时间或您指定的自定义时间。如果需要精确计时，请启用秒数显示。
🎉完成！您的时间字段已完成智能格式化和验证。
实际应用
服务与预订
* 车辆保养时间
* 房产看房时间表
* 旅游预订时间
* 设施预约名额
课程及活动预订
* 健身课程时间
* 培训课程安排
* 小组活动时间段
* 上课时间偏好
商业运作
* 轮班开始/结束时间
* 工作计划提交
* 会议时间协调
* 选择可用时间
预约
* 医疗预约安排
* 美容美发和水疗预约
* 咨询时间选择
* 服务预约请求
活动登记
* 活动开始/结束时间
* 会话时间偏好
* 工作坊时间段
* 会议日程选择
送货及提货
* 食品配送时间窗口
* 门店自提时间
* 路边取货安排
* 送货时间段偏好
完整字段选项
基本配置
- 字段标签 – 显示在时间字段上方的标题
- 描述/帮助文本 – 为用户提供的额外指导
- 必填字段 – 强制选择时间
- 占位符文本 – 用户选择时间前的提示文本
时间格式设置
- 显示格式
- 24小时制（14:30）
- 12 小时制时钟，带上午/下午 (2:30 PM)
精度与间隔
- 时间间隔
- 每一分钟
- 每5分钟
- 每10分钟
- 每15分钟（最受欢迎）
- 每30分钟
- 每隔一小时
显示秒数 – 添加秒数字段以显示精确时间（HH:MM:SS）
时间限制
- 最早允许时间（分钟）——用户无法选择早于此时间的选项。
- 最晚允许时间（最长）——用户无法选择此时间之后的时间。
默认值
- 选择开始时间
- 未预先选择时间（空白）
- 当前时间（动态 - 表单打开时加载）
- 自定义时间（您设置的具体时间）
自定义开始时间 – 选择要预先填充的具体时间（选择“自定义”时）。
条件逻辑
- 启用条件逻辑——根据条件显示/隐藏
- 逻辑类型
- 所有条件必须满足（并且）
- 任何条件均可满足（或）
- 条件规则
- 显示/隐藏 – 要采取的操作
- 字段 – 要检查哪个字段
- 运算符 – 等于、不等于、包含、大于、小于、为空、不为空
- 价值 – 比较值
- 多重条件 – 添加无限条规则
高级选项
- 隐藏字段模式 – 用作带有预设值的隐藏字段
- 自定义 CSS 类 – 应用自定义样式
- 辅助功能属性 – ARIA 标签和描述
为什么选择我们的时间字段？
✅ 直观易用 – 原生浏览器选择器提供熟悉的体验
✅ 灵活 – 12 小时制或 24 小时制可满足用户偏好
✅ 精准 – 可自定义时间间隔，从每分钟到每小时。
✅ 智能 – 最小/最大时间限制可防止无效的时间选择
✅ 动态 – 条件逻辑创建自适应表单
✅ 用户友好——点击任意位置即可激活，带来更佳用户体验
✅ 移动端优化 – 触控友好的原生时间选择器
✅ 完全集成 – 与所有表单功能无缝协作
常見問題解答
问：12小时制和24小时制有什么区别？
12 小时制时间格式用 AM/PM 表示时间，例如 2:30 PM。24 小时制时间格式使用 14:30 等表示时间，这种格式在国际上很常见。
问：时间间隔是如何运作的？
时间间隔设置时间选项的详细程度。例如，15 分钟的时间间隔会显示 9:00、9:15、9:30 等等。
问：我可以将时间限制在营业时间内吗？
是的。设置最早和最晚时间，例如上午 9:00 到下午 5:00，用户只能在该范围内选择。
问：默认值“当前时间”是什么意思？
启用后，表单加载时该字段会自动填充用户的当前时间。
问：我需要秒数字段吗？
通常不需要。只有当您需要精确的时间格式时才启用它，例如事件或技术数据的 HH:MM:SS 格式。
问：移动设备上的时间选择器是如何工作的？
每款设备都使用其原生用户界面。iOS 通常使用滚轮式选择器，而 Android 使用时钟式选择器。
问：我可以在时间字段中使用条件逻辑吗？
是的。您可以根据选定的时间，使用“等于”、“大于”或“小于”等条件来显示或隐藏字段。
问：如果用户尝试选择无效时间会发生什么情况？
超出允许范围的时间会被浏览器验证阻止，无法选择。
问：我可以预先设置一个特定的时间吗？
是的。默认时间请选择“自定义”，然后选择您想要预加载的任何值。
问：时间字段在所有浏览器中都能正常工作吗？
所有现代浏览器都支持带有内置选择器的 HTML5 时间输入框。旧版浏览器则回退到带有验证功能的文本输入框。
问：我可以将时间字段的样式设置为与我的网站一致吗？
是的。选择器使用原生 UI，但输入字段可以通过 CSS 类进行样式设置。
问：提交的时间采用什么格式？
时间值始终以 24 小时制格式提交，以确保处理数据的一致性。
