60 秒決策
先確認使用者要完成的事。
適合使用
- 使用者需要直接輸入、貼上或核對一個精確日期。
- 日期格式本身是資料規則的一部分，例如匯入、合約或排程日期。
不適合使用
- 可選日期很少且使用者只需要從中挑一個日期。
- 使用者的真正任務是瀏覽月曆上的活動，而不是填寫日期。
畫面要說清楚的事
不要只交代外觀，也要交代資料與輸入規則。
格式要看得見
Label 旁或欄位下方明確寫 YYYY-MM-DD 與範例；Placeholder 不能取代格式說明。
把日期限制說成規則
最早可選日、不可報名日與時區影響要用文字說清楚，而不是只在提交後判錯。
輸入錯誤仍保留內容
格式錯誤時保留使用者輸入，指出哪裡不符合規則，讓人能直接修正。
必要狀態與回應
每個狀態都要讓使用者知道下一步。
預設
看得到 Label、日期格式與可以輸入的控制。
有值
已輸入日期保持可讀，格式不可因字型或語系造成歧義。
格式錯誤
明確指出應使用的格式，不要只把邊框變紅。
不可用日期
指出日期已過或不開放，保留值並說明可選範圍。
操作 Demo
先知道要觀察什麼，再動手操作。
操作前先知道
活動日期輸入
先觀察：格式範例、最早可用日與錯誤文字是否一起出現。
操作：輸入 2026-08-10，再改成 2026-08-18。
預期結果：錯誤不會清空欄位；改成可用日期後立即顯示確認回饋。
可操作 Demo
直接輸入活動日期
請以 YYYY-MM-DD 輸入；最早可報名日為 2026-08-12。
活動日期：2026 年 8 月 18 日。
告訴 AI
把任務、規則、狀態與操作條件一次寫清楚。
建立一個活動日期的 Date Input。顯示固定 Label 與 YYYY-MM-DD 格式範例，允許鍵盤輸入與貼上；只接受 2026-08-12 之後的有效日期。格式錯誤或日期已過時，保留原輸入並以文字說明如何修正。驗收清單
不要只確認欄位能不能點。
- 是否有可見 Label 與無歧義格式？
- 是否說明最早、最晚與不可用日期？
- 錯誤是否保留原始輸入？
- 鍵盤輸入、貼上與手機鍵盤是否可用？
- 日期是否會因時區在儲存後變成前一天？