背景

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

成都創(chuàng)新互聯(lián)公司-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價比民豐網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式民豐網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋民豐地區(qū)。費用合理售后完善，十余年實體公司更值得信賴。

由上圖可以看出，月份選擇出現(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)時間)，實際上已經(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)的代碼。如下圖所示：

重啟項目可解決該bug。

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