表單輸入詞條 2-12

日期選擇器Date Picker

也常叫做:月曆選擇、日曆元件、Date Picker

你可能會這樣說

填日期不想用手打,點欄位跳出月曆,用點的選年月日——訂房、預約、選生日都靠它。

白話解釋

日期選擇器是點開後用月曆挑日期的元件,免得大家把日期打成「3 月 5 號」「03/05」「2026/3/5」各寫各的。

常見的加分細節:今天的日期做標記、過去的日期變灰不能選。

請 AI 做時說清楚要不要選時間、能不能選一段範圍,以及最早最晚能選哪一天。

親手試試

選好之後,這裡會顯示時段。

試試鍵盤:Tab 聚焦、Enter 展開、上下選、Esc 關。

圖 2-17 真正的日期選擇器就是這樣互動:點開、挑一天,過去的日期變灰不能選。

這樣對 AI 說

中文就可以
預約表單的日期欄位改成月曆選擇器。
點欄位跳出當月月曆,可以切換上個月和下個月。
今天的高亮標記,昨天以前的日期灰色不可選。
選好後欄位統一顯示成 2026/09/24 這種格式。

同一課的其他詞