DateTimePicker 日期時間選擇器

同時選日期和時間。使用 el-date-picker 的 type="datetime" / type="datetimerange",不是獨立元件。

設計準則

• 真的需要精確到時、分才用(排程發送、活動起訖);只到「哪一天」就用 DatePicker,少一層操作
• 時間一律 24 小時制 HH:mm,秒沒有意義就不要顯示(用 format 拿掉)
• 善用 default-time:選完日期自動帶入業務上最常用的時間(發送常設 09:00),多數人就不用再調時間
• 起訖區間用 type="datetimerange",並確保結束不能早於開始(元件內建)

基本用法

loading

日期時間區間

活動起訖的標準用法:

loading

預設時間

選完日期自動帶入常用時間,減少一步操作:

loading

Do / Don't

✅ Do	❌ Don't
排程、起訖才用 datetime	生日也用 datetime(用 date)
default-time 帶常用時間	每次都讓使用者從 00:00 調起
24 小時制 HH:mm	上午/下午混用、顯示無意義的秒

給工程師

完整 API 見 Element Plus DateTimePicker 文件。 本站規範優先於 EP 文件中的視覺建議。