wicresoft
/
doc_project


			
				
					
						
						
							123456789101112131415161718192021222324252627282930
							import{_ as t,a as o,n,k as a}from"./index.c1b9962e.js";const d={pageData:{title:"\u5E38\u89C1\u95EE\u9898",description:"",frontmatter:{},headers:[{level:3,title:"\u4F60\u4EEC\u4F1A\u63D0\u4F9B Sass/Stylus \u7B49\u683C\u5F0F\u7684\u6837\u5F0F\u6587\u4EF6\u5417\uFF1F",slug:"\u4F60\u4EEC\u4F1A\u63D0\u4F9B-sass-stylus-\u7B49\u683C\u5F0F\u7684\u6837\u5F0F\u6587\u4EF6\u5417\uFF1F",content:"\u4E0D\u3002\u4E8B\u5B9E\u4E0A\u4F60\u53EF\u4EE5\u4F7F\u7528\u5DE5\u5177\uFF08\u8BF7\u81EA\u884C Google\uFF09\u5C06 Less \u8F6C\u6362\u6210 Sass/Stylus \u7B49\u3002"},{level:3,title:"\u5982\u4F55\u5728 DatePicker \u4E2D\u4F7F\u7528 dayjs",slug:"\u5982\u4F55\u5728-datepicker-\u4E2D\u4F7F\u7528-dayjs",content:"\u6211\u4EEC\u8FD8\u63D0\u4F9B\u53E6\u4E00\u79CD\u5B9E\u73B0\u65B9\u5F0F\u3002\u4F7F\u7528 antd-dayjs-webpack-plugin \u63D2\u4EF6\uFF0C\u65E0\u9700\u5BF9\u73B0\u6709\u4EE3\u7801\u505A\u4EFB\u4F55\u4FEE\u6539\u76F4\u63A5\u66FF\u6362\u6210 Day.js\u3002\u8BF7\u53C2\u8003 [antd-dayjs-webpack-plugin](https://github.com/ant-design/antd-dayjs-webpack-plugin)\u3002"},{level:3,title:"\u56FD\u9645\u5316\u6CA1\u6709\u751F\u6548\uFF1F",slug:"\u56FD\u9645\u5316\u6CA1\u6709\u751F\u6548\uFF1F",content:"\u7EC4\u4EF6\u63D0\u4F9B\u7684\u8BED\u8A00\u5305\u5E76\u4E0D\u5BF9\u65E5\u671F\u683C\u5F0F\u5316\u8D77\u4F5C\u7528\uFF0C\u4F60\u9700\u8981\u989D\u5916\u5BFC\u5165 moment \u8BED\u8A00\u5305\uFF0C\u5E76\u5E94\u7528\uFF0C\u53C2\u8003 `ConfigProvider` \u7EC4\u4EF6\u3002\u5982\u679C\u4F60\u4F7F\u7528 Vite \u4F5C\u4E3A\u6784\u5EFA\u5DE5\u5177\uFF0C\u56E0 Vite \u5C1A\u4E0D\u5B8C\u5584\uFF0C\u4F60\u9700\u8981\u5728\u4F60\u7684\u9879\u76EE\u4E2D\u989D\u5916\u6267\u884C `npm i --save moment` \u8FDB\u884C\u5B89\u88C5\u3002"},{level:3,title:"\u5F53\u6211\u70B9\u51FB Select Dropdown DatePicker TimePicker Popover Popconfirm \u5185\u7684\u53E6\u4E00\u4E2A popup \u7EC4\u4EF6\u65F6\u5B83\u4F1A\u6D88\u5931\uFF0C\u5982\u4F55\u89E3\u51B3\uFF1F",slug:"\u5F53\u6211\u70B9\u51FB-select-dropdown-datepicker-timepicker-popover-popconfirm-\u5185\u7684\u53E6\u4E00\u4E2A-popup-\u7EC4\u4EF6\u65F6\u5B83\u4F1A\u6D88\u5931\uFF0C\u5982\u4F55\u89E3\u51B3\uFF1F",content:'\u4F7F\u7528 `<a-select :getPopupContainer="trigger => trigger.parentNode">` \u6765\u5728 Popover \u4E2D\u6E32\u67D3\u7EC4\u4EF6\uFF0C\u6216\u8005\u4F7F\u7528\u5176\u4ED6\u7684 getXxxxContainer \u53C2\u6570\u3002'},{level:3,title:"Select Dropdown DatePicker TimePicker Popover Popconfirm \u4F1A\u8DDF\u968F\u6EDA\u52A8\u6761\u4E0A\u4E0B\u79FB\u52A8\uFF1F",slug:"select-dropdown-datepicker-timepicker-popover-popconfirm-\u4F1A\u8DDF\u968F\u6EDA\u52A8\u6761\u4E0A\u4E0B\u79FB\u52A8\uFF1F",content:'\u4F7F\u7528 `<a-select :getPopupContainer="trigger => trigger.parentNode">` \u6765\u5C06\u7EC4\u4EF6\u6E32\u67D3\u5230\u6EDA\u52A8\u533A\u57DF\u5185\uFF0C\u6216\u8005\u4F7F\u7528\u5176\u4ED6\u7684 getXxxxContainer \u53C2\u6570\u3002'},{level:3,title:"\u5982\u4F55\u4FEE\u6539 Ant Design Vue \u7684\u9ED8\u8BA4\u4E3B\u9898\uFF1F",slug:"\u5982\u4F55\u4FEE\u6539-ant-design-vue-\u7684\u9ED8\u8BA4\u4E3B\u9898\uFF1F",content:"\u53C2\u8003[\u4E3B\u9898\u5B9A\u5236](/docs/vue/customize-theme/)\u3002"},{level:3,title:"\u5982\u4F55\u914D\u7F6E webpack \u4EE5\u4F18\u5316 momentjs \u7684\u6253\u5305\u5927\u5C0F\uFF1F",slug:"\u5982\u4F55\u914D\u7F6E-webpack-\u4EE5\u4F18\u5316-momentjs-\u7684\u6253\u5305\u5927\u5C0F\uFF1F",content:"\u53C2\u8003\uFF1Ahttps://github.com/jmblog/how-to-optimize-momentjs-with-webpack \u3002"},{level:3,title:"\u5F53\u6211\u52A8\u6001\u6539\u53D8 defaultValue,defaultOpenKeys, initialValue\u7B49defaultXxxx\u7684\u65F6\u5019\u5B83\u5E76\u6CA1\u6709\u751F\u6548\u3002",slug:"\u5F53\u6211\u52A8\u6001\u6539\u53D8-defaultvalue-defaultopenkeys-initialvalue\u7B49defaultxxxx\u7684\u65F6\u5019\u5B83\u5E76\u6CA1\u6709\u751F\u6548\u3002",content:"`Input`/`Select` \u7B49\u7684 `defaultXxxx`\uFF08\u4F8B\u5982 `defaultValue`\uFF09\u53EA\u6709\u5728\u7EC4\u4EF6\u7B2C\u4E00\u6B21\u6E32\u67D3\u7684\u65F6\u5019\u6709\u6548\uFF0C\u6B64\u7279\u6027\u53C2\u8003\u81EA[React](https://reactjs.org/docs/forms.html#controlled-components)\u3002\u5207\u8BB0\uFF1A\u7B2C\u4E00\u6B21\u3001\u7B2C\u4E00\u6B21\u3001\u7B2C\u4E00\u6B21...."},{level:3,title:"\u5F53\u6211\u8BBE\u7F6E\u4E86 Input/Select \u7B49\u7684 value \u65F6\u5B83\u5C31\u65E0\u6CD5\u4FEE\u6539\u4E86\u3002",slug:"\u5F53\u6211\u8BBE\u7F6E\u4E86-input-select-\u7B49\u7684-value-\u65F6\u5B83\u5C31\u65E0\u6CD5\u4FEE\u6539\u4E86\u3002",content:"\u5C1D\u8BD5\u4F7F\u7528 `defaultValue` \u6216 `change` \u6216 `v-model` \u6765\u6539\u53D8 `value`\u3002"},{level:3,title:"ant-design-vue \u8986\u76D6\u4E86\u6211\u7684\u5168\u5C40\u6837\u5F0F\uFF01",slug:"ant-design-vue-\u8986\u76D6\u4E86\u6211\u7684\u5168\u5C40\u6837\u5F0F\uFF01",content:"\u662F\u7684\uFF0Cant-design-vue \u5728\u8BBE\u8BA1\u7684\u65F6\u5019\u5C31\u662F\u7528\u6765\u5F00\u53D1\u4E00\u4E2A\u5B8C\u6574\u7684\u5E94\u7528\u7684\uFF0C\u4E3A\u4E86\u65B9\u4FBF\uFF0C\u6211\u4EEC\u8986\u76D6\u4E86\u4E00\u4E9B\u5168\u5C40\u6837\u5F0F\uFF0C\u73B0\u5728\u8FD8\u4E0D\u80FD\u79FB\u9664\uFF0C\u60F3\u8981\u4E86\u89E3\u66F4\u591A\u8BF7\u8FFD\u8E2A\u8FD9\u4E2A issue\uFF1Ahttps://github.com/ant-design/ant-design/issues/4331 \uFF0C\u6216\u8005\u53C2\u8003\u8FD9\u4E2A\u6559\u7A0B [How to avoid modifying global styles?](docs/react/customize-theme#How-to-avoid-modifying-global-styles-?)"},{level:3,title:"ant-design-vue \u5728\u79FB\u52A8\u7AEF\u4F53\u9A8C\u4E0D\u4F73\u3002",slug:"ant-design-vue-\u5728\u79FB\u52A8\u7AEF\u4F53\u9A8C\u4E0D\u4F73\u3002",content:"`ant-design-vue` \u5E76\u975E\u9488\u5BF9\u79FB\u52A8\u7AEF\u8BBE\u8BA1\u3002"},{level:3,title:"\u5F53\u6211\u6307\u5B9A\u4E86 DatePicker/RangePicker \u7684 mode \u5C5E\u6027\u540E\uFF0C\u70B9\u51FB\u540E\u65E0\u6CD5\u9009\u62E9\u5E74\u4EFD/\u6708\u4EFD\uFF1F",slug:"\u5F53\u6211\u6307\u5B9A\u4E86-datepicker-rangepicker-\u7684-mode-\u5C5E\u6027\u540E\uFF0C\u70B9\u51FB\u540E\u65E0\u6CD5\u9009\u62E9\u5E74\u4EFD-\u6708\u4EFD\uFF1F",content:"\u5728\u4E1A\u52A1\u5F00\u53D1\u4E2D\uFF0C\u4F60\u53EF\u80FD\u6709\u5E74\u4EFD\u9009\u62E9\uFF0C\u6708\u4EFD\u8303\u56F4\u9009\u62E9\uFF0C\u5468\u8303\u56F4\u9009\u62E9\u7B49\u9700\u6C42\uFF0C\u6B64\u65F6\u4F60\u7ED9\u73B0\u6709\u7EC4\u4EF6\u589E\u52A0\u4E86 `mode` \u5C5E\u6027\uFF0C\u5374\u53D1\u73B0\u65E0\u6CD5\u8FDB\u884C\u70B9\u51FB\u9009\u62E9\u884C\u4E3A\uFF0C\u9762\u677F\u4E5F\u4E0D\u4F1A\u5173\u95ED\u3002"}],relativePath:"src/vueDocs/faq.zh-CN.md",content:"# \u5E38\u89C1\u95EE\u9898\n\n\u4EE5\u4E0B\u6574\u7406\u4E86\u4E00\u4E9B Ant Design Vue \u793E\u533A\u5E38\u89C1\u7684\u95EE\u9898\u548C\u5B98\u65B9\u7B54\u590D\uFF0C\u5728\u63D0\u95EE\u4E4B\u524D\u5EFA\u8BAE\u627E\u627E\u6709\u6CA1\u6709\u7C7B\u4F3C\u7684\u95EE\u9898\u3002\n\n### \u4F60\u4EEC\u4F1A\u63D0\u4F9B Sass/Stylus \u7B49\u683C\u5F0F\u7684\u6837\u5F0F\u6587\u4EF6\u5417\uFF1F\n\n\u4E0D\u3002\u4E8B\u5B9E\u4E0A\u4F60\u53EF\u4EE5\u4F7F\u7528\u5DE5\u5177\uFF08\u8BF7\u81EA\u884C Google\uFF09\u5C06 Less \u8F6C\u6362\u6210 Sass/Stylus \u7B49\u3002\n\n### \u5982\u4F55\u5728 DatePicker \u4E2D\u4F7F\u7528 dayjs\n\n\u6211\u4EEC\u8FD8\u63D0\u4F9B\u53E6\u4E00\u79CD\u5B9E\u73B0\u65B9\u5F0F\u3002\u4F7F\u7528 antd-dayjs-webpack-plugin \u63D2\u4EF6\uFF0C\u65E0\u9700\u5BF9\u73B0\u6709\u4EE3\u7801\u505A\u4EFB\u4F55\u4FEE\u6539\u76F4\u63A5\u66FF\u6362\u6210 Day.js\u3002\u8BF7\u53C2\u8003 [antd-dayjs-webpack-plugin](https://github.com/ant-design/antd-dayjs-webpack-plugin)\u3002\n\n### \u56FD\u9645\u5316\u6CA1\u6709\u751F\u6548\uFF1F\n\n\u7EC4\u4EF6\u63D0\u4F9B\u7684\u8BED\u8A00\u5305\u5E76\u4E0D\u5BF9\u65E5\u671F\u683C\u5F0F\u5316\u8D77\u4F5C\u7528\uFF0C\u4F60\u9700\u8981\u989D\u5916\u5BFC\u5165 moment \u8BED\u8A00\u5305\uFF0C\u5E76\u5E94\u7528\uFF0C\u53C2\u8003 `ConfigProvider` \u7EC4\u4EF6\u3002\u5982\u679C\u4F60\u4F7F\u7528 Vite \u4F5C\u4E3A\u6784\u5EFA\u5DE5\u5177\uFF0C\u56E0 Vite \u5C1A\u4E0D\u5B8C\u5584\uFF0C\u4F60\u9700\u8981\u5728\u4F60\u7684\u9879\u76EE\u4E2D\u989D\u5916\u6267\u884C `npm i --save moment` \u8FDB\u884C\u5B89\u88C5\u3002\n\n### \u5F53\u6211\u70B9\u51FB `Select Dropdown DatePicker TimePicker Popover Popconfirm` \u5185\u7684\u53E6\u4E00\u4E2A popup \u7EC4\u4EF6\u65F6\u5B83\u4F1A\u6D88\u5931\uFF0C\u5982\u4F55\u89E3\u51B3\uFF1F\n\n\u4F7F\u7528 `&lt;a-select :getPopupContainer=&quot;trigger =&gt; trigger.parentNode&quot;&gt;` \u6765\u5728 Popover \u4E2D\u6E32\u67D3\u7EC4\u4EF6\uFF0C\u6216\u8005\u4F7F\u7528\u5176\u4ED6\u7684 getXxxxContainer \u53C2\u6570\u3002\n\n### `Select Dropdown DatePicker TimePicker Popover Popconfirm` \u4F1A\u8DDF\u968F\u6EDA\u52A8\u6761\u4E0A\u4E0B\u79FB\u52A8\uFF1F\n\n\u4F7F\u7528 `&lt;a-select :getPopupContainer=&quot;trigger =&gt; trigger.parentNode&quot;&gt;` \u6765\u5C06\u7EC4\u4EF6\u6E32\u67D3\u5230\u6EDA\u52A8\u533A\u57DF\u5185\uFF0C\u6216\u8005\u4F7F\u7528\u5176\u4ED6\u7684 getXxxxContainer \u53C2\u6570\u3002\n\n### \u5982\u4F55\u4FEE\u6539 Ant Design Vue \u7684\u9ED8\u8BA4\u4E3B\u9898\uFF1F\n\n\u53C2\u8003[\u4E3B\u9898\u5B9A\u5236](/docs/vue/customize-theme/)\u3002\n\n### \u5982\u4F55\u914D\u7F6E webpack \u4EE5\u4F18\u5316 momentjs \u7684\u6253\u5305\u5927\u5C0F\uFF1F\n\n\u53C2\u8003\uFF1Ahttps://github.com/jmblog/how-to-optimize-momentjs-with-webpack \u3002\n\n### \u5F53\u6211\u52A8\u6001\u6539\u53D8 `defaultValue`,`defaultOpenKeys`, `initialValue`\u7B49`defaultXxxx`\u7684\u65F6\u5019\u5B83\u5E76\u6CA1\u6709\u751F\u6548\u3002\n\n`Input`/`Select` \u7B49\u7684 `defaultXxxx`\uFF08\u4F8B\u5982 `defaultValue`\uFF09\u53EA\u6709\u5728\u7EC4\u4EF6\u7B2C\u4E00\u6B21\u6E32\u67D3\u7684\u65F6\u5019\u6709\u6548\uFF0C\u6B64\u7279\u6027\u53C2\u8003\u81EA[React](https://reactjs.org/docs/forms.html#controlled-components)\u3002\u5207\u8BB0\uFF1A\u7B2C\u4E00\u6B21\u3001\u7B2C\u4E00\u6B21\u3001\u7B2C\u4E00\u6B21....\n\n### \u5F53\u6211\u8BBE\u7F6E\u4E86 `Input`/`Select` \u7B49\u7684 `value` \u65F6\u5B83\u5C31\u65E0\u6CD5\u4FEE\u6539\u4E86\u3002\n\n\u5C1D\u8BD5\u4F7F\u7528 `defaultValue` \u6216 `change` \u6216 `v-model` \u6765\u6539\u53D8 `value`\u3002\n\n### ant-design-vue \u8986\u76D6\u4E86\u6211\u7684\u5168\u5C40\u6837\u5F0F\uFF01\n\n\u662F\u7684\uFF0Cant-design-vue \u5728\u8BBE\u8BA1\u7684\u65F6\u5019\u5C31\u662F\u7528\u6765\u5F00\u53D1\u4E00\u4E2A\u5B8C\u6574\u7684\u5E94\u7528\u7684\uFF0C\u4E3A\u4E86\u65B9\u4FBF\uFF0C\u6211\u4EEC\u8986\u76D6\u4E86\u4E00\u4E9B\u5168\u5C40\u6837\u5F0F\uFF0C\u73B0\u5728\u8FD8\u4E0D\u80FD\u79FB\u9664\uFF0C\u60F3\u8981\u4E86\u89E3\u66F4\u591A\u8BF7\u8FFD\u8E2A\u8FD9\u4E2A issue\uFF1Ahttps://github.com/ant-design/ant-design/issues/4331 \uFF0C\u6216\u8005\u53C2\u8003\u8FD9\u4E2A\u6559\u7A0B [How to avoid modifying global styles?](docs/react/customize-theme#How-to-avoid-modifying-global-styles-?)\n\n### `ant-design-vue` \u5728\u79FB\u52A8\u7AEF\u4F53\u9A8C\u4E0D\u4F73\u3002\n\n`ant-design-vue` \u5E76\u975E\u9488\u5BF9\u79FB\u52A8\u7AEF\u8BBE\u8BA1\u3002\n\n### \u5F53\u6211\u6307\u5B9A\u4E86 DatePicker/RangePicker \u7684 `mode` \u5C5E\u6027\u540E\uFF0C\u70B9\u51FB\u540E\u65E0\u6CD5\u9009\u62E9\u5E74\u4EFD/\u6708\u4EFD\uFF1F\n\n\u5728\u4E1A\u52A1\u5F00\u53D1\u4E2D\uFF0C\u4F60\u53EF\u80FD\u6709\u5E74\u4EFD\u9009\u62E9\uFF0C\u6708\u4EFD\u8303\u56F4\u9009\u62E9\uFF0C\u5468\u8303\u56F4\u9009\u62E9\u7B49\u9700\u6C42\uFF0C\u6B64\u65F6\u4F60\u7ED9\u73B0\u6709\u7EC4\u4EF6\u589E\u52A0\u4E86 `mode` \u5C5E\u6027\uFF0C\u5374\u53D1\u73B0\u65E0\u6CD5\u8FDB\u884C\u70B9\u51FB\u9009\u62E9\u884C\u4E3A\uFF0C\u9762\u677F\u4E5F\u4E0D\u4F1A\u5173\u95ED\u3002\n\n\u8FD9\u662F\u56E0\u4E3A `&lt;DatePicker mode=&quot;year&quot; /&gt;` \u4E0D\u7B49\u4E8E `YearPicker`\uFF0C`&lt;RangePicker mode=&quot;month&quot; /&gt;` \u4E0D\u7B49\u4E8E `MonthRangePicker`\u3002 `mode` \u5C5E\u6027\u662F\u5728 antd 3.0 \u65F6\uFF0C\u4E3A\u4E86\u63A7\u5236\u9762\u677F\u5C55\u73B0\u72B6\u6001\u800C\u6DFB\u52A0\u7684\u5C5E\u6027\uFF0C\u4EE5\u652F\u6301[\u5C55\u793A\u65F6\u95F4\u9762\u677F](https://github.com/ant-design/ant-design/issues/5190)\u7B49\u9700\u6C42\u800C\u6DFB\u52A0\u7684\u3002`mode` \u53EA\u4F1A\u7B80\u5355\u7684\u6539\u53D8\u5F53\u524D\u663E\u793A\u7684\u9762\u677F\uFF0C\u4E0D\u4F1A\u4FEE\u6539\u9ED8\u8BA4\u7684\u4EA4\u4E92\u884C\u4E3A\uFF08\u6BD4\u5982 DatePicker \u4F9D\u7136\u662F\u70B9\u51FB\u65E5\u624D\u4F1A\u5B8C\u6210\u9009\u62E9\u5E76\u5173\u95ED\u9762\u677F\uFF09\u3002\n\n##### \u89E3\u51B3\u529E\u6CD5\n\n\u4EE5\u4E0B\u6587\u7AE0\u5747\u662F react \u7248\u672C\u7684\u5B9E\u73B0\u6587\u7AE0\uFF0C\u601D\u8DEF\u4E00\u81F4\u3002\u53C2\u7167 [\u8FD9\u7BC7\u6587\u7AE0](https://juejin.im/post/5cf65c366fb9a07eca6968f9) \u6216\u8005 [\u8FD9\u7BC7\u6587\u7AE0](https://www.cnblogs.com/zyl-Tara/p/10197177.html) \u91CC\u7684\u505A\u6CD5\uFF0C\u5229\u7528 `mode` \u548C `panelChange` \u7B49\u65B9\u6CD5\u53BB\u5C01\u88C5\u4E00\u4E2A `YearPicker` \u7B49\u7EC4\u4EF6\u3002\u6211\u4EEC\u8BA1\u5212\u5728 ant-design-vue@2.0 \u4E2D\u76F4\u63A5\u6DFB\u52A0\u66F4\u591A\u76F8\u5173\u65E5\u671F\u7EC4\u4EF6\u6765\u652F\u6301\u8FD9\u4E9B\u9700\u6C42\u3002\n",html:`<h1 id="\u5E38\u89C1\u95EE\u9898">\u5E38\u89C1\u95EE\u9898</h1>
<p>\u4EE5\u4E0B\u6574\u7406\u4E86\u4E00\u4E9B Ant Design Vue \u793E\u533A\u5E38\u89C1\u7684\u95EE\u9898\u548C\u5B98\u65B9\u7B54\u590D\uFF0C\u5728\u63D0\u95EE\u4E4B\u524D\u5EFA\u8BAE\u627E\u627E\u6709\u6CA1\u6709\u7C7B\u4F3C\u7684\u95EE\u9898\u3002</p>
<h3 id="\u4F60\u4EEC\u4F1A\u63D0\u4F9B-sass-stylus-\u7B49\u683C\u5F0F\u7684\u6837\u5F0F\u6587\u4EF6\u5417\uFF1F">\u4F60\u4EEC\u4F1A\u63D0\u4F9B Sass/Stylus \u7B49\u683C\u5F0F\u7684\u6837\u5F0F\u6587\u4EF6\u5417\uFF1F</h3>
<p>\u4E0D\u3002\u4E8B\u5B9E\u4E0A\u4F60\u53EF\u4EE5\u4F7F\u7528\u5DE5\u5177\uFF08\u8BF7\u81EA\u884C Google\uFF09\u5C06 Less \u8F6C\u6362\u6210 Sass/Stylus \u7B49\u3002</p>
<h3 id="\u5982\u4F55\u5728-datepicker-\u4E2D\u4F7F\u7528-dayjs">\u5982\u4F55\u5728 DatePicker \u4E2D\u4F7F\u7528 dayjs</h3>
<p>\u6211\u4EEC\u8FD8\u63D0\u4F9B\u53E6\u4E00\u79CD\u5B9E\u73B0\u65B9\u5F0F\u3002\u4F7F\u7528 antd-dayjs-webpack-plugin \u63D2\u4EF6\uFF0C\u65E0\u9700\u5BF9\u73B0\u6709\u4EE3\u7801\u505A\u4EFB\u4F55\u4FEE\u6539\u76F4\u63A5\u66FF\u6362\u6210 Day.js\u3002\u8BF7\u53C2\u8003 <a href="https://github.com/ant-design/antd-dayjs-webpack-plugin" target="_blank" rel="noopener noreferrer">antd-dayjs-webpack-plugin</a>\u3002</p>
<h3 id="\u56FD\u9645\u5316\u6CA1\u6709\u751F\u6548\uFF1F">\u56FD\u9645\u5316\u6CA1\u6709\u751F\u6548\uFF1F</h3>
<p>\u7EC4\u4EF6\u63D0\u4F9B\u7684\u8BED\u8A00\u5305\u5E76\u4E0D\u5BF9\u65E5\u671F\u683C\u5F0F\u5316\u8D77\u4F5C\u7528\uFF0C\u4F60\u9700\u8981\u989D\u5916\u5BFC\u5165 moment \u8BED\u8A00\u5305\uFF0C\u5E76\u5E94\u7528\uFF0C\u53C2\u8003 <code>ConfigProvider</code> \u7EC4\u4EF6\u3002\u5982\u679C\u4F60\u4F7F\u7528 Vite \u4F5C\u4E3A\u6784\u5EFA\u5DE5\u5177\uFF0C\u56E0 Vite \u5C1A\u4E0D\u5B8C\u5584\uFF0C\u4F60\u9700\u8981\u5728\u4F60\u7684\u9879\u76EE\u4E2D\u989D\u5916\u6267\u884C <code>npm i --save moment</code> \u8FDB\u884C\u5B89\u88C5\u3002</p>
<h3 id="\u5F53\u6211\u70B9\u51FB-select-dropdown-datepicker-timepicker-popover-popconfirm-\u5185\u7684\u53E6\u4E00\u4E2A-popup-\u7EC4\u4EF6\u65F6\u5B83\u4F1A\u6D88\u5931\uFF0C\u5982\u4F55\u89E3\u51B3\uFF1F">\u5F53\u6211\u70B9\u51FB <code>Select Dropdown DatePicker TimePicker Popover Popconfirm</code> \u5185\u7684\u53E6\u4E00\u4E2A popup \u7EC4\u4EF6\u65F6\u5B83\u4F1A\u6D88\u5931\uFF0C\u5982\u4F55\u89E3\u51B3\uFF1F</h3>
<p>\u4F7F\u7528 <code>&lt;a-select :getPopupContainer=&quot;trigger =&gt; trigger.parentNode&quot;&gt;</code> \u6765\u5728 Popover \u4E2D\u6E32\u67D3\u7EC4\u4EF6\uFF0C\u6216\u8005\u4F7F\u7528\u5176\u4ED6\u7684 getXxxxContainer \u53C2\u6570\u3002</p>
<h3 id="select-dropdown-datepicker-timepicker-popover-popconfirm-\u4F1A\u8DDF\u968F\u6EDA\u52A8\u6761\u4E0A\u4E0B\u79FB\u52A8\uFF1F"><code>Select Dropdown DatePicker TimePicker Popover Popconfirm</code> \u4F1A\u8DDF\u968F\u6EDA\u52A8\u6761\u4E0A\u4E0B\u79FB\u52A8\uFF1F</h3>
<p>\u4F7F\u7528 <code>&lt;a-select :getPopupContainer=&quot;trigger =&gt; trigger.parentNode&quot;&gt;</code> \u6765\u5C06\u7EC4\u4EF6\u6E32\u67D3\u5230\u6EDA\u52A8\u533A\u57DF\u5185\uFF0C\u6216\u8005\u4F7F\u7528\u5176\u4ED6\u7684 getXxxxContainer \u53C2\u6570\u3002</p>
<h3 id="\u5982\u4F55\u4FEE\u6539-ant-design-vue-\u7684\u9ED8\u8BA4\u4E3B\u9898\uFF1F">\u5982\u4F55\u4FEE\u6539 Ant Design Vue \u7684\u9ED8\u8BA4\u4E3B\u9898\uFF1F</h3>
<p>\u53C2\u8003<a href="/docs/vue/customize-theme/">\u4E3B\u9898\u5B9A\u5236</a>\u3002</p>
<h3 id="\u5982\u4F55\u914D\u7F6E-webpack-\u4EE5\u4F18\u5316-momentjs-\u7684\u6253\u5305\u5927\u5C0F\uFF1F">\u5982\u4F55\u914D\u7F6E webpack \u4EE5\u4F18\u5316 momentjs \u7684\u6253\u5305\u5927\u5C0F\uFF1F</h3>
<p>\u53C2\u8003\uFF1A<a href="https://github.com/jmblog/how-to-optimize-momentjs-with-webpack" target="_blank" rel="noopener noreferrer">https://github.com/jmblog/how-to-optimize-momentjs-with-webpack</a> \u3002</p>
<h3 id="\u5F53\u6211\u52A8\u6001\u6539\u53D8-defaultvalue-defaultopenkeys-initialvalue\u7B49defaultxxxx\u7684\u65F6\u5019\u5B83\u5E76\u6CA1\u6709\u751F\u6548\u3002">\u5F53\u6211\u52A8\u6001\u6539\u53D8 <code>defaultValue</code>,<code>defaultOpenKeys</code>, <code>initialValue</code>\u7B49<code>defaultXxxx</code>\u7684\u65F6\u5019\u5B83\u5E76\u6CA1\u6709\u751F\u6548\u3002</h3>
<p><code>Input</code>/<code>Select</code> \u7B49\u7684 <code>defaultXxxx</code>\uFF08\u4F8B\u5982 <code>defaultValue</code>\uFF09\u53EA\u6709\u5728\u7EC4\u4EF6\u7B2C\u4E00\u6B21\u6E32\u67D3\u7684\u65F6\u5019\u6709\u6548\uFF0C\u6B64\u7279\u6027\u53C2\u8003\u81EA<a href="https://reactjs.org/docs/forms.html#controlled-components" target="_blank" rel="noopener noreferrer">React</a>\u3002\u5207\u8BB0\uFF1A\u7B2C\u4E00\u6B21\u3001\u7B2C\u4E00\u6B21\u3001\u7B2C\u4E00\u6B21....</p>
<h3 id="\u5F53\u6211\u8BBE\u7F6E\u4E86-input-select-\u7B49\u7684-value-\u65F6\u5B83\u5C31\u65E0\u6CD5\u4FEE\u6539\u4E86\u3002">\u5F53\u6211\u8BBE\u7F6E\u4E86 <code>Input</code>/<code>Select</code> \u7B49\u7684 <code>value</code> \u65F6\u5B83\u5C31\u65E0\u6CD5\u4FEE\u6539\u4E86\u3002</h3>
<p>\u5C1D\u8BD5\u4F7F\u7528 <code>defaultValue</code> \u6216 <code>change</code> \u6216 <code>v-model</code> \u6765\u6539\u53D8 <code>value</code>\u3002</p>
<h3 id="ant-design-vue-\u8986\u76D6\u4E86\u6211\u7684\u5168\u5C40\u6837\u5F0F\uFF01">ant-design-vue \u8986\u76D6\u4E86\u6211\u7684\u5168\u5C40\u6837\u5F0F\uFF01</h3>
<p>\u662F\u7684\uFF0Cant-design-vue \u5728\u8BBE\u8BA1\u7684\u65F6\u5019\u5C31\u662F\u7528\u6765\u5F00\u53D1\u4E00\u4E2A\u5B8C\u6574\u7684\u5E94\u7528\u7684\uFF0C\u4E3A\u4E86\u65B9\u4FBF\uFF0C\u6211\u4EEC\u8986\u76D6\u4E86\u4E00\u4E9B\u5168\u5C40\u6837\u5F0F\uFF0C\u73B0\u5728\u8FD8\u4E0D\u80FD\u79FB\u9664\uFF0C\u60F3\u8981\u4E86\u89E3\u66F4\u591A\u8BF7\u8FFD\u8E2A\u8FD9\u4E2A issue\uFF1A<a href="https://github.com/ant-design/ant-design/issues/4331" target="_blank" rel="noopener noreferrer">https://github.com/ant-design/ant-design/issues/4331</a> \uFF0C\u6216\u8005\u53C2\u8003\u8FD9\u4E2A\u6559\u7A0B <a href="./docs/react/customize-theme.html#How-to-avoid-modifying-global-styles-?">How to avoid modifying global styles?</a></p>
<h3 id="ant-design-vue-\u5728\u79FB\u52A8\u7AEF\u4F53\u9A8C\u4E0D\u4F73\u3002"><code>ant-design-vue</code> \u5728\u79FB\u52A8\u7AEF\u4F53\u9A8C\u4E0D\u4F73\u3002</h3>
<p><code>ant-design-vue</code> \u5E76\u975E\u9488\u5BF9\u79FB\u52A8\u7AEF\u8BBE\u8BA1\u3002</p>
<h3 id="\u5F53\u6211\u6307\u5B9A\u4E86-datepicker-rangepicker-\u7684-mode-\u5C5E\u6027\u540E\uFF0C\u70B9\u51FB\u540E\u65E0\u6CD5\u9009\u62E9\u5E74\u4EFD-\u6708\u4EFD\uFF1F">\u5F53\u6211\u6307\u5B9A\u4E86 DatePicker/RangePicker \u7684 <code>mode</code> \u5C5E\u6027\u540E\uFF0C\u70B9\u51FB\u540E\u65E0\u6CD5\u9009\u62E9\u5E74\u4EFD/\u6708\u4EFD\uFF1F</h3>
<p>\u5728\u4E1A\u52A1\u5F00\u53D1\u4E2D\uFF0C\u4F60\u53EF\u80FD\u6709\u5E74\u4EFD\u9009\u62E9\uFF0C\u6708\u4EFD\u8303\u56F4\u9009\u62E9\uFF0C\u5468\u8303\u56F4\u9009\u62E9\u7B49\u9700\u6C42\uFF0C\u6B64\u65F6\u4F60\u7ED9\u73B0\u6709\u7EC4\u4EF6\u589E\u52A0\u4E86 <code>mode</code> \u5C5E\u6027\uFF0C\u5374\u53D1\u73B0\u65E0\u6CD5\u8FDB\u884C\u70B9\u51FB\u9009\u62E9\u884C\u4E3A\uFF0C\u9762\u677F\u4E5F\u4E0D\u4F1A\u5173\u95ED\u3002</p>
<p>\u8FD9\u662F\u56E0\u4E3A <code>&lt;DatePicker mode=&quot;year&quot; /&gt;</code> \u4E0D\u7B49\u4E8E <code>YearPicker</code>\uFF0C<code>&lt;RangePicker mode=&quot;month&quot; /&gt;</code> \u4E0D\u7B49\u4E8E <code>MonthRangePicker</code>\u3002 <code>mode</code> \u5C5E\u6027\u662F\u5728 antd 3.0 \u65F6\uFF0C\u4E3A\u4E86\u63A7\u5236\u9762\u677F\u5C55\u73B0\u72B6\u6001\u800C\u6DFB\u52A0\u7684\u5C5E\u6027\uFF0C\u4EE5\u652F\u6301<a href="https://github.com/ant-design/ant-design/issues/5190" target="_blank" rel="noopener noreferrer">\u5C55\u793A\u65F6\u95F4\u9762\u677F</a>\u7B49\u9700\u6C42\u800C\u6DFB\u52A0\u7684\u3002<code>mode</code> \u53EA\u4F1A\u7B80\u5355\u7684\u6539\u53D8\u5F53\u524D\u663E\u793A\u7684\u9762\u677F\uFF0C\u4E0D\u4F1A\u4FEE\u6539\u9ED8\u8BA4\u7684\u4EA4\u4E92\u884C\u4E3A\uFF08\u6BD4\u5982 DatePicker \u4F9D\u7136\u662F\u70B9\u51FB\u65E5\u624D\u4F1A\u5B8C\u6210\u9009\u62E9\u5E76\u5173\u95ED\u9762\u677F\uFF09\u3002</p>
<h5 id="\u89E3\u51B3\u529E\u6CD5">\u89E3\u51B3\u529E\u6CD5</h5>
<p>\u4EE5\u4E0B\u6587\u7AE0\u5747\u662F react \u7248\u672C\u7684\u5B9E\u73B0\u6587\u7AE0\uFF0C\u601D\u8DEF\u4E00\u81F4\u3002\u53C2\u7167 <a href="https://juejin.im/post/5cf65c366fb9a07eca6968f9" target="_blank" rel="noopener noreferrer">\u8FD9\u7BC7\u6587\u7AE0</a> \u6216\u8005 <a href="https://www.cnblogs.com/zyl-Tara/p/10197177.html" target="_blank" rel="noopener noreferrer">\u8FD9\u7BC7\u6587\u7AE0</a> \u91CC\u7684\u505A\u6CD5\uFF0C\u5229\u7528 <code>mode</code> \u548C <code>panelChange</code> \u7B49\u65B9\u6CD5\u53BB\u5C01\u88C5\u4E00\u4E2A <code>YearPicker</code> \u7B49\u7EC4\u4EF6\u3002\u6211\u4EEC\u8BA1\u5212\u5728 ant-design-vue@2.0 \u4E2D\u76F4\u63A5\u6DFB\u52A0\u66F4\u591A\u76F8\u5173\u65E5\u671F\u7EC4\u4EF6\u6765\u652F\u6301\u8FD9\u4E9B\u9700\u6C42\u3002</p>
`,lastUpdated:1748059052828}},c={class:"markdown"};function i(r,e,s,p,l,g){return a(),o("article",c,e[0]||(e[0]=[n('<h1 id="\u5E38\u89C1\u95EE\u9898">\u5E38\u89C1\u95EE\u9898</h1><p>\u4EE5\u4E0B\u6574\u7406\u4E86\u4E00\u4E9B Ant Design Vue \u793E\u533A\u5E38\u89C1\u7684\u95EE\u9898\u548C\u5B98\u65B9\u7B54\u590D\uFF0C\u5728\u63D0\u95EE\u4E4B\u524D\u5EFA\u8BAE\u627E\u627E\u6709\u6CA1\u6709\u7C7B\u4F3C\u7684\u95EE\u9898\u3002</p><h3 id="\u4F60\u4EEC\u4F1A\u63D0\u4F9B-sass-stylus-\u7B49\u683C\u5F0F\u7684\u6837\u5F0F\u6587\u4EF6\u5417\uFF1F">\u4F60\u4EEC\u4F1A\u63D0\u4F9B Sass/Stylus \u7B49\u683C\u5F0F\u7684\u6837\u5F0F\u6587\u4EF6\u5417\uFF1F</h3><p>\u4E0D\u3002\u4E8B\u5B9E\u4E0A\u4F60\u53EF\u4EE5\u4F7F\u7528\u5DE5\u5177\uFF08\u8BF7\u81EA\u884C Google\uFF09\u5C06 Less \u8F6C\u6362\u6210 Sass/Stylus \u7B49\u3002</p><h3 id="\u5982\u4F55\u5728-datepicker-\u4E2D\u4F7F\u7528-dayjs">\u5982\u4F55\u5728 DatePicker \u4E2D\u4F7F\u7528 dayjs</h3><p>\u6211\u4EEC\u8FD8\u63D0\u4F9B\u53E6\u4E00\u79CD\u5B9E\u73B0\u65B9\u5F0F\u3002\u4F7F\u7528 antd-dayjs-webpack-plugin \u63D2\u4EF6\uFF0C\u65E0\u9700\u5BF9\u73B0\u6709\u4EE3\u7801\u505A\u4EFB\u4F55\u4FEE\u6539\u76F4\u63A5\u66FF\u6362\u6210 Day.js\u3002\u8BF7\u53C2\u8003 <a href="https://github.com/ant-design/antd-dayjs-webpack-plugin" target="_blank" rel="noopener noreferrer">antd-dayjs-webpack-plugin</a>\u3002</p><h3 id="\u56FD\u9645\u5316\u6CA1\u6709\u751F\u6548\uFF1F">\u56FD\u9645\u5316\u6CA1\u6709\u751F\u6548\uFF1F</h3><p>\u7EC4\u4EF6\u63D0\u4F9B\u7684\u8BED\u8A00\u5305\u5E76\u4E0D\u5BF9\u65E5\u671F\u683C\u5F0F\u5316\u8D77\u4F5C\u7528\uFF0C\u4F60\u9700\u8981\u989D\u5916\u5BFC\u5165 moment \u8BED\u8A00\u5305\uFF0C\u5E76\u5E94\u7528\uFF0C\u53C2\u8003 <code>ConfigProvider</code> \u7EC4\u4EF6\u3002\u5982\u679C\u4F60\u4F7F\u7528 Vite \u4F5C\u4E3A\u6784\u5EFA\u5DE5\u5177\uFF0C\u56E0 Vite \u5C1A\u4E0D\u5B8C\u5584\uFF0C\u4F60\u9700\u8981\u5728\u4F60\u7684\u9879\u76EE\u4E2D\u989D\u5916\u6267\u884C <code>npm i --save moment</code> \u8FDB\u884C\u5B89\u88C5\u3002</p><h3 id="\u5F53\u6211\u70B9\u51FB-select-dropdown-datepicker-timepicker-popover-popconfirm-\u5185\u7684\u53E6\u4E00\u4E2A-popup-\u7EC4\u4EF6\u65F6\u5B83\u4F1A\u6D88\u5931\uFF0C\u5982\u4F55\u89E3\u51B3\uFF1F">\u5F53\u6211\u70B9\u51FB <code>Select Dropdown DatePicker TimePicker Popover Popconfirm</code> \u5185\u7684\u53E6\u4E00\u4E2A popup \u7EC4\u4EF6\u65F6\u5B83\u4F1A\u6D88\u5931\uFF0C\u5982\u4F55\u89E3\u51B3\uFF1F</h3><p>\u4F7F\u7528 <code>&lt;a-select :getPopupContainer=&quot;trigger =&gt; trigger.parentNode&quot;&gt;</code> \u6765\u5728 Popover \u4E2D\u6E32\u67D3\u7EC4\u4EF6\uFF0C\u6216\u8005\u4F7F\u7528\u5176\u4ED6\u7684 getXxxxContainer \u53C2\u6570\u3002</p><h3 id="select-dropdown-datepicker-timepicker-popover-popconfirm-\u4F1A\u8DDF\u968F\u6EDA\u52A8\u6761\u4E0A\u4E0B\u79FB\u52A8\uFF1F"><code>Select Dropdown DatePicker TimePicker Popover Popconfirm</code> \u4F1A\u8DDF\u968F\u6EDA\u52A8\u6761\u4E0A\u4E0B\u79FB\u52A8\uFF1F</h3><p>\u4F7F\u7528 <code>&lt;a-select :getPopupContainer=&quot;trigger =&gt; trigger.parentNode&quot;&gt;</code> \u6765\u5C06\u7EC4\u4EF6\u6E32\u67D3\u5230\u6EDA\u52A8\u533A\u57DF\u5185\uFF0C\u6216\u8005\u4F7F\u7528\u5176\u4ED6\u7684 getXxxxContainer \u53C2\u6570\u3002</p><h3 id="\u5982\u4F55\u4FEE\u6539-ant-design-vue-\u7684\u9ED8\u8BA4\u4E3B\u9898\uFF1F">\u5982\u4F55\u4FEE\u6539 Ant Design Vue \u7684\u9ED8\u8BA4\u4E3B\u9898\uFF1F</h3><p>\u53C2\u8003<a href="/docs/vue/customize-theme/">\u4E3B\u9898\u5B9A\u5236</a>\u3002</p><h3 id="\u5982\u4F55\u914D\u7F6E-webpack-\u4EE5\u4F18\u5316-momentjs-\u7684\u6253\u5305\u5927\u5C0F\uFF1F">\u5982\u4F55\u914D\u7F6E webpack \u4EE5\u4F18\u5316 momentjs \u7684\u6253\u5305\u5927\u5C0F\uFF1F</h3><p>\u53C2\u8003\uFF1A<a href="https://github.com/jmblog/how-to-optimize-momentjs-with-webpack" target="_blank" rel="noopener noreferrer">https://github.com/jmblog/how-to-optimize-momentjs-with-webpack</a> \u3002</p><h3 id="\u5F53\u6211\u52A8\u6001\u6539\u53D8-defaultvalue-defaultopenkeys-initialvalue\u7B49defaultxxxx\u7684\u65F6\u5019\u5B83\u5E76\u6CA1\u6709\u751F\u6548\u3002">\u5F53\u6211\u52A8\u6001\u6539\u53D8 <code>defaultValue</code>,<code>defaultOpenKeys</code>, <code>initialValue</code>\u7B49<code>defaultXxxx</code>\u7684\u65F6\u5019\u5B83\u5E76\u6CA1\u6709\u751F\u6548\u3002</h3><p><code>Input</code>/<code>Select</code> \u7B49\u7684 <code>defaultXxxx</code>\uFF08\u4F8B\u5982 <code>defaultValue</code>\uFF09\u53EA\u6709\u5728\u7EC4\u4EF6\u7B2C\u4E00\u6B21\u6E32\u67D3\u7684\u65F6\u5019\u6709\u6548\uFF0C\u6B64\u7279\u6027\u53C2\u8003\u81EA<a href="https://reactjs.org/docs/forms.html#controlled-components" target="_blank" rel="noopener noreferrer">React</a>\u3002\u5207\u8BB0\uFF1A\u7B2C\u4E00\u6B21\u3001\u7B2C\u4E00\u6B21\u3001\u7B2C\u4E00\u6B21....</p><h3 id="\u5F53\u6211\u8BBE\u7F6E\u4E86-input-select-\u7B49\u7684-value-\u65F6\u5B83\u5C31\u65E0\u6CD5\u4FEE\u6539\u4E86\u3002">\u5F53\u6211\u8BBE\u7F6E\u4E86 <code>Input</code>/<code>Select</code> \u7B49\u7684 <code>value</code> \u65F6\u5B83\u5C31\u65E0\u6CD5\u4FEE\u6539\u4E86\u3002</h3><p>\u5C1D\u8BD5\u4F7F\u7528 <code>defaultValue</code> \u6216 <code>change</code> \u6216 <code>v-model</code> \u6765\u6539\u53D8 <code>value</code>\u3002</p><h3 id="ant-design-vue-\u8986\u76D6\u4E86\u6211\u7684\u5168\u5C40\u6837\u5F0F\uFF01">ant-design-vue \u8986\u76D6\u4E86\u6211\u7684\u5168\u5C40\u6837\u5F0F\uFF01</h3><p>\u662F\u7684\uFF0Cant-design-vue \u5728\u8BBE\u8BA1\u7684\u65F6\u5019\u5C31\u662F\u7528\u6765\u5F00\u53D1\u4E00\u4E2A\u5B8C\u6574\u7684\u5E94\u7528\u7684\uFF0C\u4E3A\u4E86\u65B9\u4FBF\uFF0C\u6211\u4EEC\u8986\u76D6\u4E86\u4E00\u4E9B\u5168\u5C40\u6837\u5F0F\uFF0C\u73B0\u5728\u8FD8\u4E0D\u80FD\u79FB\u9664\uFF0C\u60F3\u8981\u4E86\u89E3\u66F4\u591A\u8BF7\u8FFD\u8E2A\u8FD9\u4E2A issue\uFF1A<a href="https://github.com/ant-design/ant-design/issues/4331" target="_blank" rel="noopener noreferrer">https://github.com/ant-design/ant-design/issues/4331</a> \uFF0C\u6216\u8005\u53C2\u8003\u8FD9\u4E2A\u6559\u7A0B <a href="./docs/react/customize-theme.html#How-to-avoid-modifying-global-styles-?">How to avoid modifying global styles?</a></p><h3 id="ant-design-vue-\u5728\u79FB\u52A8\u7AEF\u4F53\u9A8C\u4E0D\u4F73\u3002"><code>ant-design-vue</code> \u5728\u79FB\u52A8\u7AEF\u4F53\u9A8C\u4E0D\u4F73\u3002</h3><p><code>ant-design-vue</code> \u5E76\u975E\u9488\u5BF9\u79FB\u52A8\u7AEF\u8BBE\u8BA1\u3002</p><h3 id="\u5F53\u6211\u6307\u5B9A\u4E86-datepicker-rangepicker-\u7684-mode-\u5C5E\u6027\u540E\uFF0C\u70B9\u51FB\u540E\u65E0\u6CD5\u9009\u62E9\u5E74\u4EFD-\u6708\u4EFD\uFF1F">\u5F53\u6211\u6307\u5B9A\u4E86 DatePicker/RangePicker \u7684 <code>mode</code> \u5C5E\u6027\u540E\uFF0C\u70B9\u51FB\u540E\u65E0\u6CD5\u9009\u62E9\u5E74\u4EFD/\u6708\u4EFD\uFF1F</h3><p>\u5728\u4E1A\u52A1\u5F00\u53D1\u4E2D\uFF0C\u4F60\u53EF\u80FD\u6709\u5E74\u4EFD\u9009\u62E9\uFF0C\u6708\u4EFD\u8303\u56F4\u9009\u62E9\uFF0C\u5468\u8303\u56F4\u9009\u62E9\u7B49\u9700\u6C42\uFF0C\u6B64\u65F6\u4F60\u7ED9\u73B0\u6709\u7EC4\u4EF6\u589E\u52A0\u4E86 <code>mode</code> \u5C5E\u6027\uFF0C\u5374\u53D1\u73B0\u65E0\u6CD5\u8FDB\u884C\u70B9\u51FB\u9009\u62E9\u884C\u4E3A\uFF0C\u9762\u677F\u4E5F\u4E0D\u4F1A\u5173\u95ED\u3002</p><p>\u8FD9\u662F\u56E0\u4E3A <code>&lt;DatePicker mode=&quot;year&quot; /&gt;</code> \u4E0D\u7B49\u4E8E <code>YearPicker</code>\uFF0C<code>&lt;RangePicker mode=&quot;month&quot; /&gt;</code> \u4E0D\u7B49\u4E8E <code>MonthRangePicker</code>\u3002 <code>mode</code> \u5C5E\u6027\u662F\u5728 antd 3.0 \u65F6\uFF0C\u4E3A\u4E86\u63A7\u5236\u9762\u677F\u5C55\u73B0\u72B6\u6001\u800C\u6DFB\u52A0\u7684\u5C5E\u6027\uFF0C\u4EE5\u652F\u6301<a href="https://github.com/ant-design/ant-design/issues/5190" target="_blank" rel="noopener noreferrer">\u5C55\u793A\u65F6\u95F4\u9762\u677F</a>\u7B49\u9700\u6C42\u800C\u6DFB\u52A0\u7684\u3002<code>mode</code> \u53EA\u4F1A\u7B80\u5355\u7684\u6539\u53D8\u5F53\u524D\u663E\u793A\u7684\u9762\u677F\uFF0C\u4E0D\u4F1A\u4FEE\u6539\u9ED8\u8BA4\u7684\u4EA4\u4E92\u884C\u4E3A\uFF08\u6BD4\u5982 DatePicker \u4F9D\u7136\u662F\u70B9\u51FB\u65E5\u624D\u4F1A\u5B8C\u6210\u9009\u62E9\u5E76\u5173\u95ED\u9762\u677F\uFF09\u3002</p><h5 id="\u89E3\u51B3\u529E\u6CD5">\u89E3\u51B3\u529E\u6CD5</h5><p>\u4EE5\u4E0B\u6587\u7AE0\u5747\u662F react \u7248\u672C\u7684\u5B9E\u73B0\u6587\u7AE0\uFF0C\u601D\u8DEF\u4E00\u81F4\u3002\u53C2\u7167 <a href="https://juejin.im/post/5cf65c366fb9a07eca6968f9" target="_blank" rel="noopener noreferrer">\u8FD9\u7BC7\u6587\u7AE0</a> \u6216\u8005 <a href="https://www.cnblogs.com/zyl-Tara/p/10197177.html" target="_blank" rel="noopener noreferrer">\u8FD9\u7BC7\u6587\u7AE0</a> \u91CC\u7684\u505A\u6CD5\uFF0C\u5229\u7528 <code>mode</code> \u548C <code>panelChange</code> \u7B49\u65B9\u6CD5\u53BB\u5C01\u88C5\u4E00\u4E2A <code>YearPicker</code> \u7B49\u7EC4\u4EF6\u3002\u6211\u4EEC\u8BA1\u5212\u5728 ant-design-vue@2.0 \u4E2D\u76F4\u63A5\u6DFB\u52A0\u66F4\u591A\u76F8\u5173\u65E5\u671F\u7EC4\u4EF6\u6765\u652F\u6301\u8FD9\u4E9B\u9700\u6C42\u3002</p>',29)]))}var m=t(d,[["render",i]]);export{m as default};