日期字段
精準可控地收集日期。從預約到出生日期，日期欄位提供靈活的格式設定、日期範圍限制和智慧驗證功能，為原生日曆選擇器提供強大的控制選項，支援選擇過去日期、未來日期、週末以及自訂日期範圍。
專業數據採集與智慧驗證
完美的：
適用於各種用例的強大功能
📅 四種日期格式
選擇地區偏好：
生效年份：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 與破折號格式
✅ 日期範圍控制 – 精確設定最小/最大日期範圍
✅ 屏蔽過去日期 – 僅允許選擇未來日期
✅ 禁止選擇未來日期 – 僅允許選擇過去的日期
✅ 禁用週末 – 僅限平日營業
✅ 智慧預設值 – 預先填入今天、明天或自訂日期
✅ 原生選擇器 – 針對每個平台的瀏覽器最佳化行事曆
✅ 自動驗證 – 無法選擇無效日期
✅ 完全整合 – 與所有表單功能無縫協作
常見問題
Q：支援哪些日期格式？
四種格式：ISO（2023-12-31）、美國（12/31/2023）、英國（31/12/2023）和虛線（31-12-2023）。請選擇最適合您受眾的格式。
Q：如何阻止使用者選擇過去的日期？
啟用「屏蔽過去日期」功能後，日期選擇器中將無法選擇今天先前的任何日期。
Q：我可以將日期限定在特定範圍內嗎？
是的。設定「最早允許日期」和「最晚允許日期」可以將選擇範圍限制在指定的時間內。
Q：「禁用週末」功能有什麼作用？
週六和週日將不再可選，僅保留週一至週五。
Q：預設日期是如何運作的？
選擇欄位初始狀態為空、顯示今天日期、明天日期或自訂日期。今天和明天日期會自動調整。
Q：日期選擇器在所有裝置上的顯示效果都一樣嗎？
不，它使用每個裝置的本機使用者介面——iOS 的滾輪選擇器、Android 的日曆、桌面選擇器等等。
Q：我可以屏蔽未來出生日期欄位嗎？
是的。啟用「封鎖未來日期」功能，讓使用者只能選擇今天（含今天）及之前的日期。
Q：最小/最大日期如何與過去/未來的屏蔽機制協同工作？
它們可以疊加。例如，屏蔽過去的日期，再加上未來 30 天的日期，就會得到從今天到未來 30 天的範圍。
Q：使用者可以手動輸入日期而不是使用日期選擇器嗎？
部分瀏覽器允許輸入文字並進行驗證，而有些瀏覽器則強制使用日期選擇器。所有瀏覽器都強制要求格式正確。
Q：如果用戶選擇的週末已停用，會發生什麼情況？
系統會自動調整到最近的有效工作日，通常是下一個星期一。
Q：日期欄位可以使用條件邏輯嗎？
是的。可以使用「等於」、「為空」、「不為空」、「大於」或「小於」等比較來控制其他欄位的可見性。
Q：如何設定截止日期？
請在「最後允許日期」中輸入截止日期。使用者將無法選擇此日期之後的日期。如果您需要僅顯示未來的可用日期，請結合「屏蔽過去日期」選項。
