檔案上傳與日期選擇是後台最常做錯的兩個 input:上傳常漏掉進度與錯誤處理,日期選擇器常只給日曆逼人狂點。這章把兩者的雙模式輸入、限制提示與錯誤處理講清楚。當你要做上傳區或日期欄位時,就翻這頁對一下。
這是什麼
同時支援拖曳檔案到虛線區與按鈕選檔;每個檔案顯示上傳進度,成功或失敗各有明確回饋。
什麼時候用
表單、設定頁需要上傳附件、頭像或匯入檔案時。
明確告知最大大小、格式、最大檔案數。
每檔 filename + progress + 取消;失敗顯示原因 + Retry。
這是什麼
可手動輸入日期,也可點日曆圖示選取;區間選擇附「今天、近七天」等快捷預設。
什麼時候用
報表篩選、排程、有效期等需要選單日或日期區間時。
From + To;提供 Today、Last 7 days、This month 等 preset。
方向鍵移動、PageUp/Down 切月、Enter 選取、Esc 關閉。