日期字段
精准可控地收集日期。从预约到出生日期，日期字段提供灵活的格式设置、日期范围限制和智能验证功能，为原生日历选择器提供强大的控制选项，支持选择过去日期、未来日期、周末以及自定义日期范围。
专业数据采集与智能验证
完美的：
适用于各种用例的强大功能
📅 四种日期格式
选择地区偏好：
生效年份：2023年12月31日（ISO 8601）
国际标准格式。最适合用于数据库、排序和技术应用。
月份首日：2023年12月31日（美国格式）
美式日期格式。美国用户最熟悉的格式是月-日-年。
第一天：2023年12月31日（英国时间）
英式/欧式日期格式，日-月-年。国际通用。
日期（带破折号）：31-12-2023
另一种欧洲格式，使用破折号代替斜杠。
为什么格式很重要：
符合用户对各地区的期望
避免混淆和错误
确保数据存储的一致性
提高表单填写率
显示自定义：
格式会影响日期在用户眼中的显示方式，同时保持内部标准存储格式。
📏 日期范围限制
控制可选日期：
最早允许日期（最短）：
设置用户可选择的最早日期。此日期之前的日期在日历选择器中将被禁用。
例子：
- 活动注册：最短注册日期 = 活动公布日期
- 预约：最短预约日期为今天（不接受过往预约）
- 历史数据：最小日期 = 公司成立日期
- 项目截止日期：最短日期 = 项目开始日期
最后允许日期（最晚）：
设置用户可选择的最晚日期。此日期之后的日期将在日历选择器中禁用。
例子：
- 早鸟注册：截止日期
- 数量有限：最晚日期 = 最后一个可用日期
- 历史记录：最大日期 = 今天
- 具体时间范围：最晚日期 = 促销活动结束日期
快速设置按钮：
一键设置最短/最长日期至今天，或立即清除限制。
⏮️ 屏蔽过去的日期
禁止选择以前的日期：
启用“屏蔽过去日期”功能，即可禁用今天之前的所有日期。用户只能选择今天或未来的日期。
完美：
- 预约（无过往预约）
- 活动注册（仅限即将举行的活动）
- 选择送货日期（未来送货）
- 预订系统（提前预订）
- 截止日期（必须是未来的日期）
明智的行为：
每日自动更新——今天的日期始终有效，昨天的日期将失效。无需手动管理日期。
与其他限制条件结合使用：
使用最大日期创建未来窗口（例如，从今天到未来 30 天的预订）。
⏭️ 预留未来日期
阻止选择即将到来的日期：
启用“阻止未来日期”功能，即可禁用今天之后的所有日期。用户只能选择今天或过去的日期。
完美：
- 出生日期收集（不能是未来的日期）
- 历史事件日期（仅限过去）
- 工作经历开始日期（您何时开始工作？）
- 完成日期（已发生）
- 周年纪念日（过往事件）
实际用途：
确保输入的日期符合逻辑——出生日期、入职日期、毕业日期必须为过去日期。
内置验证功能：
浏览器会自动阻止无效选择，无需显示令人困惑的错误信息。
📆 关闭周末
周六和周日精选：
启用“不选择周末”选项，即可在日历选择器中禁用周六和周日。仅可选择工作日（周一至周五）。
完美：
- 商务预约
- 办公室送货安排
- 选择咨询日期
- 服务预约（仅限周一至周五）
- B2B会议安排
智能互动：
如果用户误选了周末（通过键盘），系统会自动更正为下周一。无缝防护。
与其他选项结合使用：
可与过去/未来的限制条件配合使用——仅可选择允许范围内的周一至周五。
🎯 默认日期选项
预先选择开始日期：
未预先选择日期（空白）：
字段初始为空。用户必须主动选择日期。最适合日期范围较大的情况。
今天的日期：
表单加载时自动预填充当前日期。每日动态更新。
用例：
- “查询日期”字段
- 时间戳表单
- 当前日期文件
- 今日课程安排
明日日期：
会自动预填明日日期，非常适合次日预订。
用例：
- 次日送达选项
- 明日预约安排
- 未来事件默认
- 次日送达
自定义特定日期：
选择任意固定日期进行预选。非常适合用于建议日期或特定活动表格。
用例：
- 建议预约日期
- 事件日期默认值
- 截止日期建议
- 预填申请日期
📱 原生日历选择器
浏览器优化的日期选择：
使用 HTML5 原生日期输入框和浏览器内置的日历选择器，提供熟悉的、平台专属的用户体验。
平台特定外观：
- iOS：漂亮的方向盘选择器
- Android：Material Design 日历
- 桌面版 Chrome：下拉日历
- 桌面版 Safari：精简选择器
- 所有平台均已优化
优点：
- 无需 JavaScript 库
- 即时加载
- 默认可访问
- 可通过键盘导航
- 触摸优化
- 最小文件大小
点击任意位置：
整个区域均可点击打开日历。较大的交互区域提高了易用性。
✅ 智能日期验证
内置验证层：
格式验证：
浏览器会自动确保日期格式正确。用户无法输入无效日期，例如“2023-13-45”。
范围验证：
日期选择器级别强制执行最小/最大日期限制。无效日期将被禁用，无法选择。
逻辑验证：
系统会自动应用过去/未来/周末的限制。系统会阻止无效选择。
清除错误消息：
如果用户以某种方式绕过限制，则会显示明确的消息解释：“日期必须在 2024 年 01 月 01 日之后”或“日期必须在 2024 年 12 月 31 日之前”。
🔀 条件逻辑
动态日期字段可见性：
根据表单其他值显示或隐藏日期字段。仅在需要时显示相关的日期字段。
高级逻辑规则：
- 与逻辑——所有条件必须满足
- 逻辑或 – 任何条件都可以触发该操作
- 8 个运算符——等于、不等于、大于、小于、包含、为空等等
用例：
- 仅当预订类型为“预约”时才显示“首选日期”
- 当事件类型不为空时，显示“事件日期”。
- 当配送方式为“预定配送”时，显示“配送日期”。
- 当票种为“单程票”时，隐藏“返程日期”。
🎯 提升用户体验
内置智能功能：
- 日期可视化显示 – 以易读格式显示选定的日期
- 日历图标 – 日期选择器的视觉指示器
- 键盘导航 – 方向键可浏览日历
- Tab 键辅助功能 – 完全键盘支持
- 触控优化——移动设备上的大触摸目标
- 自动更正——无效日期会自动调整为最接近的有效日期
- 今日高亮显示 – 选择器中高亮显示当前日期
- 快速选择——点击日期，选择器自动关闭。
- 帮助文本支持 – 添加日期格式提示或说明
- 必填验证 - 强制选择日期
- 自定义 CSS 类 – 应用自定义样式
- 辅助功能支持 – 支持 ARIA 标签，兼容屏幕阅读器
三步简单设置
几分钟即可准备好日期字段
添加日期字段
将“日期”字段从“基本字段”部分拖放到表单中。
选择格式和范围
选择日期格式（美国、英国、ISO），可根据需要设置最小/最大日期范围，并启用过去/未来/周末日期屏蔽。
设置默认日期
选择字段初始状态为空白、预先填充为今天、明天或您指定的自定义日期。
???? 搞定！您的日期字段已准备就绪，具备智能验证和原生选择器功能。
实际应用
预约
* 医疗预约日期
* 咨询安排
* 服务预约选择
* 会议日期协调
活动登记
* 活动出席日期
* 选择研讨会日期
* 会议注册
* 课程报名日期
物流配送
* 首选交货日期
* 选择发货日期
* 取货日期安排
* 发货日期规划
商业应用
* 项目截止日期
* 任务截止日期
* 合同生效日期
* 协议生效/终止日期
个人信息
* 出生日期收集
* 周年纪念日
* 入职日期
* 教育完成日期
预订
* 酒店入住日期
* 租赁开始日期
* 预订确认日期
* 选择预订时段
完整字段选项
基本配置
- 字段标签 – 显示在日期字段上方的标题
- 描述/帮助文本 – 为用户提供的额外指导
- 必填字段 – 强制选择日期
- 占位符 – 不适用于原生日期选择器
日期格式
- 如何显示日期：
- 生效年份：2023年12月31日（ISO 8601）
- 月份首日：2023年12月31日（美国格式）
- 第一天：2023年12月31日（英国时间）
- 日期（带破折号）：31-12-2023
日期范围限制
- 最早允许日期 – 用户可选择的最早日期（留空则无限制）
- 最后允许日期 – 用户可以选择的最晚日期（留空则无限制）
日期屏蔽选项
- 屏蔽过往日期 – 禁止选择今天之前的任何日期。
- 阻止选择未来日期 – 防止选择今天之后的任何日期。
- 不选择周末——禁止选择周六和周日
选择起始日期：
- 未预先选择日期（空白）——该字段初始为空。
- 今天的日期 – 已预先填写当前日期
- 明天的日期——第二天已预先填写
- 具体日期（由您选择）——自定义日期已预先填写
自定义默认日期 – 选择起始日期（选择“特定日期”时显示）
条件逻辑
- 启用条件逻辑——根据条件显示/隐藏
- 逻辑类型
- 所有条件必须满足（并且）
- 任何条件均可满足（或）
- 条件规则
- 显示/隐藏 – 要采取的操作
- 字段 – 要检查哪个字段
- 运算符 – 等于、不等于、包含、大于、小于、为空、不为空
- 价值 – 比较值
- 多重条件 – 添加无限条规则
高级选项
- 隐藏字段 – 将字段设为不可见，但仍在提交内容中包含日期。
- 自定义 CSS 类 – 应用自定义样式
- 辅助功能属性 – 屏幕阅读器的 ARIA 标签
为什么选择我们的日期字段？
✅ 多种格式 – 美国、英国、ISO 和破折号格式
✅ 日期范围控制 – 精确设置最小/最大日期范围
✅ 屏蔽过去日期 – 仅允许选择未来日期
✅ 禁止选择未来日期 – 仅允许选择过去的日期
✅ 禁用周末 – 仅限工作日营业
✅ 智能默认值 – 预先填充今天、明天或自定义日期
✅ 原生选择器 – 针对每个平台的浏览器优化日历
✅ 自动验证 – 无法选择无效日期
✅ 完全集成 – 与所有表单功能无缝协作
常見問題解答
问：支持哪些日期格式？
四种格式：ISO（2023-12-31）、美国（12/31/2023）、英国（31/12/2023）和虚线（31-12-2023）。请选择最适合您受众的格式。
问：如何阻止用户选择过去的日期？
启用“屏蔽过去日期”功能后，日期选择器中将无法选择今天之前的任何日期。
问：我可以将日期限定在特定范围内吗？
是的。设置“最早允许日期”和“最晚允许日期”可以将选择范围限制在指定的时间段内。
问：“禁用周末”功能有什么作用？
周六和周日将不再可选，仅保留周一至周五。
问：默认日期是如何运作的？
选择字段初始状态为空、显示今天日期、明天日期或自定义日期。今天和明天日期会自动调整。
问：日期选择器在所有设备上的显示效果都一样吗？
不，它使用每个设备的本地用户界面——iOS 的滚轮选择器、Android 的日历、桌面选择器等等。
问：我可以屏蔽未来出生日期字段吗？
是的。启用“阻止未来日期”功能，这样用户就只能选择今天（含今天）及之前的日期。
问：最小/最大日期如何与过去/未来的屏蔽机制协同工作？
它们可以叠加。例如，屏蔽过去的日期，再加上未来 30 天的日期，就会得到从今天到未来 30 天的范围。
问：用户可以手动输入日期而不是使用日期选择器吗？
部分浏览器允许输入文字并进行验证，而另一些浏览器则强制使用日期选择器。所有浏览器都强制要求正确的格式。
问：如果用户选择的周末已被禁用，会发生什么情况？
系统会自动调整到最近的有效工作日，通常是下一个星期一。
问：日期字段可以使用条件逻辑吗？
是的。可以使用“等于”、“为空”、“不为空”、“大于”或“小于”等比较来控制其他字段的可见性。
问：如何设定截止日期？
请在“最后允许日期”中输入截止日期。用户将无法选择此日期之后的日期。如果您需要仅显示未来的可用日期，请结合“屏蔽过去日期”选项。
