首页 发现 帮助
注册 登录
wicresoft
/
doc_project
2
0
派生 0
文件 工单管理 0 合并请求 0 Wiki
目录树: 9cd9c7d1d5
分支列表 标签列表
doc_project
/
3x.antv.design
/
assets
/
replace-date.zh-CN.bf7bfbaa.js

replace-date.zh-CN.bf7bfbaa.js 9.5 KB
文件历史 原始文件

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758 
  1. import{_ as s,a,q as e,k as t}from"./index.3fe853a6.js";const p={pageData:{title:"\u81EA\u5B9A\u4E49\u65F6\u95F4\u5E93",description:"",frontmatter:{},headers:[{level:3,title:"\u66FF\u6362 DatePicker",slug:"\u66FF\u6362-DatePicker",content:""}],relativePath:"site/src/vueDocs/replace-date.zh-CN.md",content:`# \u81EA\u5B9A\u4E49\u65F6\u95F4\u5E93
    2. 

  2. 

  3. \u5728 V3 \u7248\u672C\u5F00\u59CB\uFF0C\u9ED8\u8BA4\u4F7F\u7528 dayjs \u66FF\u6362\u4E86 momentjs \u5E93\uFF0C\u5982\u679C\u4F60\u9700\u8981\u4F7F\u7528 momentjs \u6216\u8005 date-fns \u65E5\u671F\u5E93\uFF0C\u4F60\u53EF\u4EE5\u901A\u8FC7\u5982\u4E0B\u65B9\u5F0F\u66FF\u6362\uFF1A
    4. 

  4. 

  5. ### \u66FF\u6362 DatePicker
    6. 

  6. 

  7. \`\`\`js
    8. 

  8. // moment \u6216\u8005 date-fns
    9. 

  9. import DatePicker from 'ant-design-vue/es/date-picker/moment';
    10. 

  10. import TimePicker from 'ant-design-vue/es/time-picker/moment';
    11. 

  11. import Calendar from 'ant-design-vue/es/calendar/moment';
    12. 

  12. // import DatePicker from 'ant-design-vue/es/date-picker/date-fns';
    13. 

  13. // import TimePicker from 'ant-design-vue/es/time-picker/date-fns';
    14. 

  14. // import Calendar from 'ant-design-vue/es/calendar/date-fns';
    15. 

  15. import { createApp } from 'vue';
    16. 

  16. import App from './App.vue';
    17. 

  17. import antd from 'ant-design-vue';
    18. 

  18. const app = createApp(App);
    19. 

  19. app.use(DatePicker).use(TimePicker).use(Calendar).use(antd).mount('#app');
    20. 

  20. \`\`\`
    21. 

  21. 

  22. > \u6CE8\u610F: \u5982\u679C\u4F60\u9700\u8981\u5168\u5C40\u6CE8\u518C ant-design-vue \u7EC4\u4EF6\u5E93\uFF0C\u90A3\u4E48 \`use(DatePicker)\` \`use(TimePicker)\` \`use(Calendar)\` \u5FC5\u987B\u5728 \`use(antd)\` \u4E4B\u524D\u6267\u884C\uFF0C\u5426\u5219\u65E0\u6CD5\u8986\u76D6\u9ED8\u8BA4\u7684 dayjs \u7248\u672C\u3002
    23. 

  23. `,html:`<h1 id="\u81EA\u5B9A\u4E49\u65F6\u95F4\u5E93">\u81EA\u5B9A\u4E49\u65F6\u95F4\u5E93 <a class="header-anchor" href="#\u81EA\u5B9A\u4E49\u65F6\u95F4\u5E93">
    24. 

  24.           <span aria-hidden="true" class="anchor">#</span>
    25. 

  25.         </a></h1>
    26. 

  26. <p>\u5728 V3 \u7248\u672C\u5F00\u59CB\uFF0C\u9ED8\u8BA4\u4F7F\u7528 dayjs \u66FF\u6362\u4E86 momentjs \u5E93\uFF0C\u5982\u679C\u4F60\u9700\u8981\u4F7F\u7528 momentjs \u6216\u8005 date-fns \u65E5\u671F\u5E93\uFF0C\u4F60\u53EF\u4EE5\u901A\u8FC7\u5982\u4E0B\u65B9\u5F0F\u66FF\u6362\uFF1A</p>
    27. 

  27. <h3 id="\u66FF\u6362-DatePicker">\u66FF\u6362 DatePicker <a class="header-anchor" href="#\u66FF\u6362-DatePicker">
    28. 

  28.           <span aria-hidden="true" class="anchor">#</span>
    29. 

  29.         </a></h3>
    30. 

  30. <pre class="language-js" v-pre><code><span class="token comment">// moment \u6216\u8005 date-fns</span>
    31. 

  31. <span class="token keyword">import</span> DatePicker <span class="token keyword">from</span> <span class="token string">'ant-design-vue/es/date-picker/moment'</span><span class="token punctuation">;</span>
    32. 

  32. <span class="token keyword">import</span> TimePicker <span class="token keyword">from</span> <span class="token string">'ant-design-vue/es/time-picker/moment'</span><span class="token punctuation">;</span>
    33. 

  33. <span class="token keyword">import</span> Calendar <span class="token keyword">from</span> <span class="token string">'ant-design-vue/es/calendar/moment'</span><span class="token punctuation">;</span>
    34. 

  34. <span class="token comment">// import DatePicker from 'ant-design-vue/es/date-picker/date-fns';</span>
    35. 

  35. <span class="token comment">// import TimePicker from 'ant-design-vue/es/time-picker/date-fns';</span>
    36. 

  36. <span class="token comment">// import Calendar from 'ant-design-vue/es/calendar/date-fns';</span>
    37. 

  37. <span class="token keyword">import</span> <span class="token punctuation">{</span> createApp <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'vue'</span><span class="token punctuation">;</span>
    38. 

  38. <span class="token keyword">import</span> App <span class="token keyword">from</span> <span class="token string">'./App.vue'</span><span class="token punctuation">;</span>
    39. 

  39. <span class="token keyword">import</span> antd <span class="token keyword">from</span> <span class="token string">'ant-design-vue'</span><span class="token punctuation">;</span>
    40. 

  40. <span class="token keyword">const</span> app <span class="token operator">=</span> <span class="token function">createApp</span><span class="token punctuation">(</span>App<span class="token punctuation">)</span><span class="token punctuation">;</span>
    41. 

  41. app<span class="token punctuation">.</span><span class="token function">use</span><span class="token punctuation">(</span>DatePicker<span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">use</span><span class="token punctuation">(</span>TimePicker<span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">use</span><span class="token punctuation">(</span>Calendar<span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">use</span><span class="token punctuation">(</span>antd<span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">mount</span><span class="token punctuation">(</span><span class="token string">'#app'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    42. 

  42. </code></pre>
    43. 

  43. <blockquote>
    44. 

  44. <p>\u6CE8\u610F: \u5982\u679C\u4F60\u9700\u8981\u5168\u5C40\u6CE8\u518C ant-design-vue \u7EC4\u4EF6\u5E93\uFF0C\u90A3\u4E48 <code>use(DatePicker)</code> <code>use(TimePicker)</code> <code>use(Calendar)</code> \u5FC5\u987B\u5728 <code>use(antd)</code> \u4E4B\u524D\u6267\u884C\uFF0C\u5426\u5219\u65E0\u6CD5\u8986\u76D6\u9ED8\u8BA4\u7684 dayjs \u7248\u672C\u3002</p>
    45. 

  45. </blockquote>
    46. 

  46. `,lastUpdated:1748060269539}},o={class:"markdown"};function c(i,n,r,k,u,l){return t(),a("article",o,n[0]||(n[0]=[e(`<h1 id="\u81EA\u5B9A\u4E49\u65F6\u95F4\u5E93">\u81EA\u5B9A\u4E49\u65F6\u95F4\u5E93 <a class="header-anchor" href="#\u81EA\u5B9A\u4E49\u65F6\u95F4\u5E93"><span aria-hidden="true" class="anchor">#</span></a></h1><p>\u5728 V3 \u7248\u672C\u5F00\u59CB\uFF0C\u9ED8\u8BA4\u4F7F\u7528 dayjs \u66FF\u6362\u4E86 momentjs \u5E93\uFF0C\u5982\u679C\u4F60\u9700\u8981\u4F7F\u7528 momentjs \u6216\u8005 date-fns \u65E5\u671F\u5E93\uFF0C\u4F60\u53EF\u4EE5\u901A\u8FC7\u5982\u4E0B\u65B9\u5F0F\u66FF\u6362\uFF1A</p><h3 id="\u66FF\u6362-DatePicker">\u66FF\u6362 DatePicker <a class="header-anchor" href="#\u66FF\u6362-DatePicker"><span aria-hidden="true" class="anchor">#</span></a></h3><pre class="language-js"><code><span class="token comment">// moment \u6216\u8005 date-fns</span>
    47. 

  47. <span class="token keyword">import</span> DatePicker <span class="token keyword">from</span> <span class="token string">&#39;ant-design-vue/es/date-picker/moment&#39;</span><span class="token punctuation">;</span>
    48. 

  48. <span class="token keyword">import</span> TimePicker <span class="token keyword">from</span> <span class="token string">&#39;ant-design-vue/es/time-picker/moment&#39;</span><span class="token punctuation">;</span>
    49. 

  49. <span class="token keyword">import</span> Calendar <span class="token keyword">from</span> <span class="token string">&#39;ant-design-vue/es/calendar/moment&#39;</span><span class="token punctuation">;</span>
    50. 

  50. <span class="token comment">// import DatePicker from &#39;ant-design-vue/es/date-picker/date-fns&#39;;</span>
    51. 

  51. <span class="token comment">// import TimePicker from &#39;ant-design-vue/es/time-picker/date-fns&#39;;</span>
    52. 

  52. <span class="token comment">// import Calendar from &#39;ant-design-vue/es/calendar/date-fns&#39;;</span>
    53. 

  53. <span class="token keyword">import</span> <span class="token punctuation">{</span> createApp <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">&#39;vue&#39;</span><span class="token punctuation">;</span>
    54. 

  54. <span class="token keyword">import</span> App <span class="token keyword">from</span> <span class="token string">&#39;./App.vue&#39;</span><span class="token punctuation">;</span>
    55. 

  55. <span class="token keyword">import</span> antd <span class="token keyword">from</span> <span class="token string">&#39;ant-design-vue&#39;</span><span class="token punctuation">;</span>
    56. 

  56. <span class="token keyword">const</span> app <span class="token operator">=</span> <span class="token function">createApp</span><span class="token punctuation">(</span>App<span class="token punctuation">)</span><span class="token punctuation">;</span>
    57. 

  57. app<span class="token punctuation">.</span><span class="token function">use</span><span class="token punctuation">(</span>DatePicker<span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">use</span><span class="token punctuation">(</span>TimePicker<span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">use</span><span class="token punctuation">(</span>Calendar<span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">use</span><span class="token punctuation">(</span>antd<span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">mount</span><span class="token punctuation">(</span><span class="token string">&#39;#app&#39;</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    58. 

  58. </code></pre><blockquote><p>\u6CE8\u610F: \u5982\u679C\u4F60\u9700\u8981\u5168\u5C40\u6CE8\u518C ant-design-vue \u7EC4\u4EF6\u5E93\uFF0C\u90A3\u4E48 <code>use(DatePicker)</code> <code>use(TimePicker)</code> <code>use(Calendar)</code> \u5FC5\u987B\u5728 <code>use(antd)</code> \u4E4B\u524D\u6267\u884C\uFF0C\u5426\u5219\u65E0\u6CD5\u8986\u76D6\u9ED8\u8BA4\u7684 dayjs \u7248\u672C\u3002</p></blockquote>`,5)]))}const m=s(p,[["render",c]]);export{m as default};
    59.