Flatpickr + 民國 = flatpickr-twyear

flatpickr-twyear | 可以使用民國年的 Flatpickr 分支

2024.05.03

文章目錄
◆ 前言
◆ 動機
◆ 結語

flatpickr-twyear

動機

由於專案需要使用民國年，上網查只有找到 bootstrap-datepicker-tw，但自己比較偏愛 Flatpickr 的操作和介面，於是決定加入改寫的行列。

安裝 & 說明

安裝及使用方法可以至 GitHub 有更詳細的內容🤗

改動開始

1. 找到月曆年份元件，並在它旁邊新增"民國"
2. 加入判斷是否需要顯示民國的參數：year_tw
3. 透過 year_tw 判斷日曆顯示的年份數值
4. 分析 format 不同格式的邏輯
5. 新增參數 t 作為代表民國年份換算的代稱
6. 測試日期換算錯誤，發現 Regex 需設定轉換驗證條件
7. 預設語言添加參數：ROC_era_name，並於 zhTw 新增翻譯

結語

第一次嘗試修改一個自己滿常用的套件，並且成功完成自己的需求感覺特別有成就感。

雖然描述只有短短幾行，但是在測試換算時，花費了一些時間才釐清了問題的原頭，發現的那一刻特別感動😂

因為這個功能比較小眾(?)，所以就沒打算提出 pull request 回 flatpickr 的請求了，

本身也還在摸索 GitHub 共同開發的規範和方法，希望有一天也能夠成為推動前進的齒輪💪

感謝

謝謝讀完此篇的你，如果這個套件剛好也能幫助到你，那是我的榮幸🤗