Startseite Erkunden Hilfe
Registrieren Anmelden
wicresoft
/
doc_project
2
0
Fork 0
Dateien Issues 0 Pull-Requests 0 Wiki
Struktur: 9cd9c7d1d5
Branches Tags
doc_project
/
3x.antv.design
/
assets
/
replace-date.en-US.eec91d9d.js

replace-date.en-US.eec91d9d.js 8.7 KB
Verlauf Originalformat

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758 
  1. import{_ as a,a as s,q as e,k as t}from"./index.3fe853a6.js";const p={pageData:{title:"custom date library",description:"",frontmatter:{},headers:[{level:3,title:"replace DatePicker",slug:"replace-DatePicker",content:""}],relativePath:"site/src/vueDocs/replace-date.en-US.md",content:`# custom date library
    2. 

  2. 

  3. Starting from the V3 version, the momentjs library is replaced by dayjs by default. If you need to use the momentjs or date-fns date library, you can replace it as follows:
    4. 

  4. 

  5. ### replace DatePicker
    6. 

  6. 

  7. \`\`\`js
    8. 

  8. // moment or 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. > Note: If you need to register the ant-design-vue component library globally, then \`use(DatePicker)\` \`use(TimePicker)\` \`use(Calendar)\` must be executed before \`use(antd)\`, otherwise the default cannot be overridden dayjs version.
    23. 

  23. `,html:`<h1 id="custom-date-library">custom date library <a class="header-anchor" href="#custom-date-library">
    24. 

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

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

  26. <p>Starting from the V3 version, the momentjs library is replaced by dayjs by default. If you need to use the momentjs or date-fns date library, you can replace it as follows:</p>
    27. 

  27. <h3 id="replace-DatePicker">replace DatePicker <a class="header-anchor" href="#replace-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 or 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>Note: If you need to register the ant-design-vue component library globally, then <code>use(DatePicker)</code> <code>use(TimePicker)</code> <code>use(Calendar)</code> must be executed before <code>use(antd)</code>, otherwise the default cannot be overridden dayjs version.</p>
    45. 

  45. </blockquote>
    46. 

  46. `,lastUpdated:1748060301812}},o={class:"markdown"};function c(r,n,i,u,l,k){return t(),s("article",o,n[0]||(n[0]=[e(`<h1 id="custom-date-library">custom date library <a class="header-anchor" href="#custom-date-library"><span aria-hidden="true" class="anchor">#</span></a></h1><p>Starting from the V3 version, the momentjs library is replaced by dayjs by default. If you need to use the momentjs or date-fns date library, you can replace it as follows:</p><h3 id="replace-DatePicker">replace DatePicker <a class="header-anchor" href="#replace-DatePicker"><span aria-hidden="true" class="anchor">#</span></a></h3><pre class="language-js"><code><span class="token comment">// moment or 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>Note: If you need to register the ant-design-vue component library globally, then <code>use(DatePicker)</code> <code>use(TimePicker)</code> <code>use(Calendar)</code> must be executed before <code>use(antd)</code>, otherwise the default cannot be overridden dayjs version.</p></blockquote>`,5)]))}const m=a(p,[["render",c]]);export{m as default};
    59.