Skip to content

日曆系統

Vue DatePicker 支援多種日曆系統,基於強大的 @internationalized/date 套件實現國際化日期處理。

支援的日曆系統

日曆系統識別碼適用地區/用途
西元曆gregory國際通用(預設)
中華民國曆roc台灣地區
佛曆buddhist佛教國家
和曆japanese日本
伊斯蘭曆islamic-civil伊斯蘭國家
波斯曆persian伊朗
希伯來曆hebrew以色列
印度曆indian印度
其他ethiopic, coptic特定地區

基本使用

--
v-model:

使用上方的互動式範例可以直接體驗不同日曆系統和語言的顯示效果。

重要提醒

  • 日期時間輸入功能僅支援 gregory 日曆系統
  • 輸出格式預設為 iso,如需本地化格式請使用 custom
  • 進階民國曆格式請參考 ROC 格式化插件

年份範圍限制

不同日曆系統有各自的有效年份範圍:

日曆系統最小年份最大年份說明
Gregory1當前年+100西元紀年
ROC1912當前年+100民國元年對應西元 1912 年
Buddhist544當前年+643佛曆紀年比西元早 543 年
Japanese1868當前年+100明治維新開始
Islamic622當前年+100伊斯蘭紀年
Persian622當前年+100波斯紀年
Hebrew1當前年+3860希伯來紀年
其他系統依系統而定詳見 @internationalized/date 文件

注意

  • 超出範圍的日期可能導致不可預期的行為
  • 並非所有瀏覽器都完全支援所有日曆系統
  • 建議在生產環境中測試目標瀏覽器的相容性
  • 在不支援的環境中會自動回退到西元曆

API 參考

Calendar 相關屬性

屬性類型預設值說明
calendarstring'gregory'日曆系統識別碼
localestring'zh-TW'語言本地化設定
output-type'iso' | 'date' | 'object' | 'custom''iso'輸出格式類型