背景

公司開發(fā)框架使用的是angular5，為了提高開發(fā)效率，將ng-zorro-antd庫引入項(xiàng)目。在開發(fā)過程中，發(fā)現(xiàn)該庫的月份選擇有問題(ng-zorro官網(wǎng)可復(fù)現(xiàn))，具體表現(xiàn)如下：

創(chuàng)新互聯(lián)專業(yè)為企業(yè)提供順平網(wǎng)站建設(shè)、順平做網(wǎng)站、順平網(wǎng)站設(shè)計、順平網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計與制作、順平企業(yè)網(wǎng)站模板建站服務(wù)，10年順平做網(wǎng)站經(jīng)驗(yàn)，不只是建網(wǎng)站，更提供有價值的思路和整體網(wǎng)絡(luò)服務(wù)。

由上圖可以看出，月份選擇出現(xiàn)了兩個三月、兩個五月、兩個十二月。這個bug不僅出現(xiàn)在月份選擇，即便是日期選擇，也可以先選月份，依然會存在這個bug。

bug產(chǎn)生的原因

翻看了ng-zorro-antd的源碼，發(fā)現(xiàn)是生成月份列表的時候，月份計算錯誤。相關(guān)代碼如下圖:

開發(fā)者的想法應(yīng)該是，通過setMonth()來依次獲取每個月份的時間。而問題恰恰出在這里。如果當(dāng)前是Wed Jul 31 2019 18:00:00 GMT+0800 (中國標(biāo)準(zhǔn)時間),那么生成一月份的數(shù)據(jù)(setMonth(0))沒有問題，是Thu Jan 31 2019 18:00:00 GMT+0800 (中國標(biāo)準(zhǔn)時間)，但是生成二月份的數(shù)據(jù)(setMonth(1))的時候回出問題，由于2月份只有28天，因此，代碼的執(zhí)行結(jié)果是Sun Mar 03 2019 18:00:00 GMT+0800 (中國標(biāo)準(zhǔn)時間)，實(shí)際上已經(jīng)是三月份了。

也就是說，每個月的29、30、31號，月份選擇控件可以穩(wěn)定的復(fù)現(xiàn)該bug。

解決bug

在node_modules下找到ng-zorro-antd文件夾，打開其下的ems5文件夾下的antd.js文件，修改14387、14388及14423行相關(guān)的代碼。如下圖所示：

重啟項(xiàng)目可解決該bug。

---

在最新版本的ng-zorro-antd@8.1.2中，該bug已解決。

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

分享題目：ng-zorro-antd@0.7.1修復(fù)月份選擇bug-創(chuàng)新互聯(lián)
當(dāng)前地址：http://weahome.cn/article/dedcjh.html