import{d as Z,r as d,_ as b,j as e,k as v,l as A,w as p,f as o,b as n,e as t,t as y,v as G,y as h,s as Y,a as V,n as P}from"./index.c1b9962e.js";import{S as X}from"./SmileOutlined.8742fd55.js";const K=Z({setup(){return{value1:d(),value2:d(),value3:d([]),value4:d()}}});function x(s,a,u,m,g,C){const c=e("a-date-picker"),l=e("a-month-picker"),i=e("a-range-picker"),r=e("a-week-picker"),I=e("a-space"),k=e("demo-box");return v(),A(k,{jsfiddle:{us:"Basic use case. Users can select or input a date in panel.",cn:"\u6700\u7B80\u5355\u7684\u7528\u6CD5\uFF0C\u5728\u6D6E\u5C42\u4E2D\u53EF\u4EE5\u9009\u62E9\u6216\u8005\u8F93\u5165\u65E5\u671F\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u6700\u7B80\u5355\u7684\u7528\u6CD5\uFF0C\u5728\u6D6E\u5C42\u4E2D\u53EF\u4EE5\u9009\u62E9\u6216\u8005\u8F93\u5165\u65E5\u671F\u3002</p>
<h2 id="en-us">en-US</h2>
<p>Basic use case. Users can select or input a date in panel.</p>
`,order:0,title:{"zh-CN":"\u57FA\u672C\u7528\u6CD5","en-US":"Basic Usage"},relativePath:"src/docs/date-picker/demo/basic.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXNwYWNlIGRpcmVjdGlvbj0idmVydGljYWwiPgogICAgPGEtZGF0ZS1waWNrZXIgdi1tb2RlbDp2YWx1ZT0idmFsdWUxIiAvPgogICAgPGEtbW9udGgtcGlja2VyIHYtbW9kZWw6dmFsdWU9InZhbHVlMiIgcGxhY2Vob2xkZXI9IlNlbGVjdCBtb250aCIgLz4KICAgIDxhLXJhbmdlLXBpY2tlciB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTMiIC8+CiAgICA8YS13ZWVrLXBpY2tlciB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTQiIHBsYWNlaG9sZGVyPSJTZWxlY3Qgd2VlayIgLz4KICA8L2Etc3BhY2U+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmltcG9ydCB7IE1vbWVudCB9IGZyb20gJ21vbWVudCc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICByZXR1cm4gewogICAgICB2YWx1ZTE6IHJlZjxNb21lbnQ+KCksCiAgICAgIHZhbHVlMjogcmVmPE1vbWVudD4oKSwKICAgICAgdmFsdWUzOiByZWY8TW9tZW50W10+KFtdKSwKICAgICAgdmFsdWU0OiByZWY8TW9tZW50PigpLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXNwYWNlIGRpcmVjdGlvbj0idmVydGljYWwiPgogICAgPGEtZGF0ZS1waWNrZXIgdi1tb2RlbDp2YWx1ZT0idmFsdWUxIiAvPgogICAgPGEtbW9udGgtcGlja2VyIHYtbW9kZWw6dmFsdWU9InZhbHVlMiIgcGxhY2Vob2xkZXI9IlNlbGVjdCBtb250aCIgLz4KICAgIDxhLXJhbmdlLXBpY2tlciB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTMiIC8+CiAgICA8YS13ZWVrLXBpY2tlciB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTQiIHBsYWNlaG9sZGVyPSJTZWxlY3Qgd2VlayIgLz4KICA8L2Etc3BhY2U+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIHJldHVybiB7CiAgICAgIHZhbHVlMTogcmVmKCksCiAgICAgIHZhbHVlMjogcmVmKCksCiAgICAgIHZhbHVlMzogcmVmKFtdKSwKICAgICAgdmFsdWU0OiByZWYoKSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pg=="}},{default:p(()=>[o(I,{direction:"vertical"},{default:p(()=>[o(c,{value:s.value1,"onUpdate:value":a[0]||(a[0]=f=>s.value1=f)},null,8,["value"]),o(l,{value:s.value2,"onUpdate:value":a[1]||(a[1]=f=>s.value2=f),placeholder:"Select month"},null,8,["value"]),o(i,{value:s.value3,"onUpdate:value":a[2]||(a[2]=f=>s.value3=f)},null,8,["value"]),o(r,{value:s.value4,"onUpdate:value":a[3]||(a[3]=f=>s.value4=f),placeholder:"Select week"},null,8,["value"])]),_:1})]),htmlCode:p(()=>a[4]||(a[4]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-space")]),t(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("vertical"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-date-picker")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value1"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-month-picker")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value2"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Select month"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-range-picker")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value3"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-week-picker")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value4"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Select week"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-space")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" Moment "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'moment'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token literal-property property"},"value1"),n("span",{class:"token operator"},":"),t(" ref"),n("span",{class:"token operator"},"<"),t("Moment"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token literal-property property"},"value2"),n("span",{class:"token operator"},":"),t(" ref"),n("span",{class:"token operator"},"<"),t("Moment"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token literal-property property"},"value3"),n("span",{class:"token operator"},":"),t(" ref"),n("span",{class:"token operator"},"<"),t("Moment"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token literal-property property"},"value4"),n("span",{class:"token operator"},":"),t(" ref"),n("span",{class:"token operator"},"<"),t("Moment"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:p(()=>a[5]||(a[5]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-space")]),t(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("vertical"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-date-picker")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value1"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-month-picker")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value2"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Select month"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-range-picker")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value3"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-week-picker")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value4"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Select week"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-space")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token literal-property property"},"value1"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token literal-property property"},"value2"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token literal-property property"},"value3"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token literal-property property"},"value4"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var j=b(K,[["render",x]]);const N=Z({setup(){const s=a=>{const u={};return a.date()===1&&(u.border="1px solid #1890ff",u.borderRadius="50%"),u};return{value1:d(),value2:d([]),value3:d(),getCurrentStyle:s}}});function E(s,a,u,m,g,C){const c=e("a-date-picker"),l=e("a-range-picker"),i=e("a-week-picker"),r=e("a-space"),I=e("demo-box");return v(),A(I,{jsfiddle:{us:"We can customize the rendering of date cells in the calendar by providing a `dateRender` function to `DatePicker`.",cn:"\u4F7F\u7528 `dateRender` \u53EF\u4EE5\u81EA\u5B9A\u4E49\u65E5\u671F\u5355\u5143\u683C\u7684\u5185\u5BB9\u548C\u6837\u5F0F\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u4F7F\u7528 <code>dateRender</code> \u53EF\u4EE5\u81EA\u5B9A\u4E49\u65E5\u671F\u5355\u5143\u683C\u7684\u5185\u5BB9\u548C\u6837\u5F0F\u3002</p>
<h2 id="en-us">en-US</h2>
<p>We can customize the rendering of date cells in the calendar by providing a <code>dateRender</code> function to <code>DatePicker</code>.</p>
`,order:9,title:{"zh-CN":"\u5B9A\u5236\u65E5\u671F\u5355\u5143\u683C","en-US":"Customized Date Rendering"},relativePath:"src/docs/date-picker/demo/date-render.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXNwYWNlIGRpcmVjdGlvbj0idmVydGljYWwiPgogICAgPGEtZGF0ZS1waWNrZXIgdi1tb2RlbDp2YWx1ZT0idmFsdWUxIj4KICAgICAgPHRlbXBsYXRlICNkYXRlUmVuZGVyPSJ7IGN1cnJlbnQsIHRvZGF5IH0iPgogICAgICAgIDxkaXYgY2xhc3M9ImFudC1jYWxlbmRhci1kYXRlIiA6c3R5bGU9ImdldEN1cnJlbnRTdHlsZShjdXJyZW50LCB0b2RheSkiPgogICAgICAgICAge3sgY3VycmVudC5kYXRlKCkgfX0KICAgICAgICA8L2Rpdj4KICAgICAgPC90ZW1wbGF0ZT4KICAgIDwvYS1kYXRlLXBpY2tlcj4KICAgIDxhLXJhbmdlLXBpY2tlciB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTIiPgogICAgICA8dGVtcGxhdGUgI2RhdGVSZW5kZXI9InsgY3VycmVudCB9Ij4KICAgICAgICA8ZGl2IGNsYXNzPSJhbnQtY2FsZW5kYXItZGF0ZSIgOnN0eWxlPSJnZXRDdXJyZW50U3R5bGUoY3VycmVudCkiPgogICAgICAgICAge3sgY3VycmVudC5kYXRlKCkgfX0KICAgICAgICA8L2Rpdj4KICAgICAgPC90ZW1wbGF0ZT4KICAgIDwvYS1yYW5nZS1waWNrZXI+CiAgICA8YS13ZWVrLXBpY2tlciB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTMiPgogICAgICA8dGVtcGxhdGUgI2RhdGVSZW5kZXI9InsgY3VycmVudCB9Ij4KICAgICAgICA8ZGl2IGNsYXNzPSJhbnQtY2FsZW5kYXItZGF0ZSIgOnN0eWxlPSJnZXRDdXJyZW50U3R5bGUoY3VycmVudCkiPgogICAgICAgICAge3sgY3VycmVudC5kYXRlKCkgfX0KICAgICAgICA8L2Rpdj4KICAgICAgPC90ZW1wbGF0ZT4KICAgIDwvYS13ZWVrLXBpY2tlcj4KICA8L2Etc3BhY2U+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgeyBNb21lbnQgfSBmcm9tICdtb21lbnQnOwppbXBvcnQgeyBDU1NQcm9wZXJ0aWVzLCBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCBnZXRDdXJyZW50U3R5bGUgPSAoY3VycmVudDogTW9tZW50KSA9PiB7CiAgICAgIGNvbnN0IHN0eWxlOiBDU1NQcm9wZXJ0aWVzID0ge307CgogICAgICBpZiAoY3VycmVudC5kYXRlKCkgPT09IDEpIHsKICAgICAgICBzdHlsZS5ib3JkZXIgPSAnMXB4IHNvbGlkICMxODkwZmYnOwogICAgICAgIHN0eWxlLmJvcmRlclJhZGl1cyA9ICc1MCUnOwogICAgICB9CgogICAgICByZXR1cm4gc3R5bGU7CiAgICB9OwogICAgcmV0dXJuIHsKICAgICAgdmFsdWUxOiByZWY8TW9tZW50PigpLAogICAgICB2YWx1ZTI6IHJlZjxNb21lbnRbXT4oW10pLAogICAgICB2YWx1ZTM6IHJlZjxNb21lbnQ+KCksCiAgICAgIGdldEN1cnJlbnRTdHlsZSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXNwYWNlIGRpcmVjdGlvbj0idmVydGljYWwiPgogICAgPGEtZGF0ZS1waWNrZXIgdi1tb2RlbDp2YWx1ZT0idmFsdWUxIj4KICAgICAgPHRlbXBsYXRlICNkYXRlUmVuZGVyPSJ7IGN1cnJlbnQsIHRvZGF5IH0iPgogICAgICAgIDxkaXYgY2xhc3M9ImFudC1jYWxlbmRhci1kYXRlIiA6c3R5bGU9ImdldEN1cnJlbnRTdHlsZShjdXJyZW50LCB0b2RheSkiPgogICAgICAgICAge3sgY3VycmVudC5kYXRlKCkgfX0KICAgICAgICA8L2Rpdj4KICAgICAgPC90ZW1wbGF0ZT4KICAgIDwvYS1kYXRlLXBpY2tlcj4KICAgIDxhLXJhbmdlLXBpY2tlciB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTIiPgogICAgICA8dGVtcGxhdGUgI2RhdGVSZW5kZXI9InsgY3VycmVudCB9Ij4KICAgICAgICA8ZGl2IGNsYXNzPSJhbnQtY2FsZW5kYXItZGF0ZSIgOnN0eWxlPSJnZXRDdXJyZW50U3R5bGUoY3VycmVudCkiPgogICAgICAgICAge3sgY3VycmVudC5kYXRlKCkgfX0KICAgICAgICA8L2Rpdj4KICAgICAgPC90ZW1wbGF0ZT4KICAgIDwvYS1yYW5nZS1waWNrZXI+CiAgICA8YS13ZWVrLXBpY2tlciB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTMiPgogICAgICA8dGVtcGxhdGUgI2RhdGVSZW5kZXI9InsgY3VycmVudCB9Ij4KICAgICAgICA8ZGl2IGNsYXNzPSJhbnQtY2FsZW5kYXItZGF0ZSIgOnN0eWxlPSJnZXRDdXJyZW50U3R5bGUoY3VycmVudCkiPgogICAgICAgICAge3sgY3VycmVudC5kYXRlKCkgfX0KICAgICAgICA8L2Rpdj4KICAgICAgPC90ZW1wbGF0ZT4KICAgIDwvYS13ZWVrLXBpY2tlcj4KICA8L2Etc3BhY2U+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IGdldEN1cnJlbnRTdHlsZSA9IGN1cnJlbnQgPT4gewogICAgICBjb25zdCBzdHlsZSA9IHt9OwogICAgICBpZiAoY3VycmVudC5kYXRlKCkgPT09IDEpIHsKICAgICAgICBzdHlsZS5ib3JkZXIgPSAnMXB4IHNvbGlkICMxODkwZmYnOwogICAgICAgIHN0eWxlLmJvcmRlclJhZGl1cyA9ICc1MCUnOwogICAgICB9CiAgICAgIHJldHVybiBzdHlsZTsKICAgIH07CiAgICByZXR1cm4gewogICAgICB2YWx1ZTE6IHJlZigpLAogICAgICB2YWx1ZTI6IHJlZihbXSksCiAgICAgIHZhbHVlMzogcmVmKCksCiAgICAgIGdldEN1cnJlbnRTdHlsZSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pg=="}},{default:p(()=>[o(r,{direction:"vertical"},{default:p(()=>[o(c,{value:s.value1,"onUpdate:value":a[0]||(a[0]=k=>s.value1=k)},{dateRender:p(({current:k,today:f})=>[n("div",{class:"ant-calendar-date",style:G(s.getCurrentStyle(k,f))},y(k.date()),5)]),_:1},8,["value"]),o(l,{value:s.value2,"onUpdate:value":a[1]||(a[1]=k=>s.value2=k)},{dateRender:p(({current:k})=>[n("div",{class:"ant-calendar-date",style:G(s.getCurrentStyle(k))},y(k.date()),5)]),_:1},8,["value"]),o(i,{value:s.value3,"onUpdate:value":a[2]||(a[2]=k=>s.value3=k)},{dateRender:p(({current:k})=>[n("div",{class:"ant-calendar-date",style:G(s.getCurrentStyle(k))},y(k.date()),5)]),_:1},8,["value"])]),_:1})]),htmlCode:p(()=>a[3]||(a[3]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-space")]),t(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("vertical"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-date-picker")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#dateRender"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ current, today }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),t(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ant-calendar-date"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("getCurrentStyle(current, today)"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
          {{ current.date() }}
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-date-picker")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-range-picker")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#dateRender"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ current }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),t(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ant-calendar-date"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("getCurrentStyle(current)"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
          {{ current.date() }}
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-range-picker")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-week-picker")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value3"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#dateRender"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ current }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),t(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ant-calendar-date"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("getCurrentStyle(current)"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
          {{ current.date() }}
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-week-picker")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-space")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" Moment "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'moment'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" CSSProperties"),n("span",{class:"token punctuation"},","),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"getCurrentStyle"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"current"),n("span",{class:"token operator"},":"),t(" Moment")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token literal-property property"},"style"),n("span",{class:"token operator"},":"),t(" CSSProperties "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"{"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`

      `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("current"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"date"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"==="),t(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
        style`),n("span",{class:"token punctuation"},"."),t("border "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token string"},"'1px solid #1890ff'"),n("span",{class:"token punctuation"},";"),t(`
        style`),n("span",{class:"token punctuation"},"."),t("borderRadius "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token string"},"'50%'"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token punctuation"},"}"),t(`

      `),n("span",{class:"token keyword"},"return"),t(" style"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token literal-property property"},"value1"),n("span",{class:"token operator"},":"),t(" ref"),n("span",{class:"token operator"},"<"),t("Moment"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token literal-property property"},"value2"),n("span",{class:"token operator"},":"),t(" ref"),n("span",{class:"token operator"},"<"),t("Moment"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token literal-property property"},"value3"),n("span",{class:"token operator"},":"),t(" ref"),n("span",{class:"token operator"},"<"),t("Moment"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
      getCurrentStyle`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:p(()=>a[4]||(a[4]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-space")]),t(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("vertical"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-date-picker")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#dateRender"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ current, today }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),t(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ant-calendar-date"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("getCurrentStyle(current, today)"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
          {{ current.date() }}
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-date-picker")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-range-picker")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#dateRender"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ current }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),t(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ant-calendar-date"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("getCurrentStyle(current)"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
          {{ current.date() }}
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-range-picker")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-week-picker")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value3"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#dateRender"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ current }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),t(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ant-calendar-date"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("getCurrentStyle(current)"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
          {{ current.date() }}
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-week-picker")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-space")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"getCurrentStyle"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token parameter"},"current"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token keyword"},"const"),t(" style "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"{"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("current"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"date"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"==="),t(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
        style`),n("span",{class:"token punctuation"},"."),t("border "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token string"},"'1px solid #1890ff'"),n("span",{class:"token punctuation"},";"),t(`
        style`),n("span",{class:"token punctuation"},"."),t("borderRadius "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token string"},"'50%'"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token punctuation"},"}"),t(`
      `),n("span",{class:"token keyword"},"return"),t(" style"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token literal-property property"},"value1"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token literal-property property"},"value2"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token literal-property property"},"value3"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
      getCurrentStyle`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var T=b(N,[["render",E]]);const U=Z({setup(){const s=(g,C)=>{const c=[];for(let l=g;l<C;l++)c.push(l);return c},a=g=>g&&g<h().endOf("day"),u=()=>({disabledHours:()=>s(0,24).splice(4,20),disabledMinutes:()=>s(30,60),disabledSeconds:()=>[55,56]}),m=(g,C)=>C==="start"?{disabledHours:()=>s(0,60).splice(4,20),disabledMinutes:()=>s(30,60),disabledSeconds:()=>[55,56]}:{disabledHours:()=>s(0,60).splice(20,4),disabledMinutes:()=>s(0,31),disabledSeconds:()=>[55,56]};return{moment:h,value1:d(),value2:d(),value3:d([]),disabledDate:a,disabledDateTime:u,disabledRangeTime:m}}});function J(s,a,u,m,g,C){const c=e("a-date-picker"),l=e("a-month-picker"),i=e("a-range-picker"),r=e("a-space"),I=e("demo-box");return v(),A(I,{jsfiddle:{us:"Disabled part of dates and time by `disabledDate` and `disabledTime` respectively, and `disabledTime` only works with `showTime`.",cn:"\u53EF\u7528 `disabledDate` \u548C `disabledTime` \u5206\u522B\u7981\u6B62\u9009\u62E9\u90E8\u5206\u65E5\u671F\u548C\u65F6\u95F4\uFF0C\u5176\u4E2D `disabledTime` \u9700\u8981\u548C `showTime` \u4E00\u8D77\u4F7F\u7528\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u53EF\u7528 <code>disabledDate</code> \u548C <code>disabledTime</code> \u5206\u522B\u7981\u6B62\u9009\u62E9\u90E8\u5206\u65E5\u671F\u548C\u65F6\u95F4\uFF0C\u5176\u4E2D <code>disabledTime</code> \u9700\u8981\u548C <code>showTime</code> \u4E00\u8D77\u4F7F\u7528\u3002</p>
<h2 id="en-us">en-US</h2>
<p>Disabled part of dates and time by <code>disabledDate</code> and <code>disabledTime</code> respectively, and <code>disabledTime</code> only works with <code>showTime</code>.</p>
`,order:4,title:{"zh-CN":"\u4E0D\u53EF\u9009\u62E9\u65E5\u671F\u548C\u65F6\u95F4","en-US":"Disabled Date & Time"},relativePath:"src/docs/date-picker/demo/disabled-date.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXNwYWNlIGRpcmVjdGlvbj0idmVydGljYWwiPgogICAgPGEtZGF0ZS1waWNrZXIKICAgICAgdi1tb2RlbDp2YWx1ZT0idmFsdWUxIgogICAgICBmb3JtYXQ9IllZWVktTU0tREQgSEg6bW06c3MiCiAgICAgIDpkaXNhYmxlZC1kYXRlPSJkaXNhYmxlZERhdGUiCiAgICAgIDpkaXNhYmxlZC10aW1lPSJkaXNhYmxlZERhdGVUaW1lIgogICAgICA6c2hvdy10aW1lPSJ7IGRlZmF1bHRWYWx1ZTogbW9tZW50KCcwMDowMDowMCcsICdISDptbTpzcycpIH0iCiAgICAvPgogICAgPGEtbW9udGgtcGlja2VyCiAgICAgIHYtbW9kZWw6dmFsdWU9InZhbHVlMiIKICAgICAgOmRpc2FibGVkLWRhdGU9ImRpc2FibGVkRGF0ZSIKICAgICAgcGxhY2Vob2xkZXI9IlNlbGVjdCBtb250aCIKICAgIC8+CiAgICA8YS1yYW5nZS1waWNrZXIKICAgICAgc3R5bGU9IndpZHRoOiA0MDBweCIKICAgICAgdi1tb2RlbDp2YWx1ZT0idmFsdWUzIgogICAgICA6ZGlzYWJsZWQtZGF0ZT0iZGlzYWJsZWREYXRlIgogICAgICA6ZGlzYWJsZWQtdGltZT0iZGlzYWJsZWRSYW5nZVRpbWUiCiAgICAgIDpzaG93LXRpbWU9InsKICAgICAgICBoaWRlRGlzYWJsZWRPcHRpb25zOiB0cnVlLAogICAgICAgIGRlZmF1bHRWYWx1ZTogW21vbWVudCgnMDA6MDA6MDAnLCAnSEg6bW06c3MnKSwgbW9tZW50KCcxMTo1OTo1OScsICdISDptbTpzcycpXSwKICAgICAgfSIKICAgICAgZm9ybWF0PSJZWVlZLU1NLUREIEhIOm1tOnNzIgogICAgLz4KICA8L2Etc3BhY2U+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgbW9tZW50LCB7IE1vbWVudCB9IGZyb20gJ21vbWVudCc7CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IHJhbmdlID0gKHN0YXJ0OiBudW1iZXIsIGVuZDogbnVtYmVyKSA9PiB7CiAgICAgIGNvbnN0IHJlc3VsdCA9IFtdOwoKICAgICAgZm9yIChsZXQgaSA9IHN0YXJ0OyBpIDwgZW5kOyBpKyspIHsKICAgICAgICByZXN1bHQucHVzaChpKTsKICAgICAgfQoKICAgICAgcmV0dXJuIHJlc3VsdDsKICAgIH07CgogICAgY29uc3QgZGlzYWJsZWREYXRlID0gKGN1cnJlbnQ6IE1vbWVudCkgPT4gewogICAgICAvLyBDYW4gbm90IHNlbGVjdCBkYXlzIGJlZm9yZSB0b2RheSBhbmQgdG9kYXkKICAgICAgcmV0dXJuIGN1cnJlbnQgJiYgY3VycmVudCA8IG1vbWVudCgpLmVuZE9mKCdkYXknKTsKICAgIH07CgogICAgY29uc3QgZGlzYWJsZWREYXRlVGltZSA9ICgpID0+IHsKICAgICAgcmV0dXJuIHsKICAgICAgICBkaXNhYmxlZEhvdXJzOiAoKSA9PiByYW5nZSgwLCAyNCkuc3BsaWNlKDQsIDIwKSwKICAgICAgICBkaXNhYmxlZE1pbnV0ZXM6ICgpID0+IHJhbmdlKDMwLCA2MCksCiAgICAgICAgZGlzYWJsZWRTZWNvbmRzOiAoKSA9PiBbNTUsIDU2XSwKICAgICAgfTsKICAgIH07CgogICAgY29uc3QgZGlzYWJsZWRSYW5nZVRpbWUgPSAoXzogTW9tZW50W10sIHR5cGU6ICdzdGFydCcgfCAnZW5kJykgPT4gewogICAgICBpZiAodHlwZSA9PT0gJ3N0YXJ0JykgewogICAgICAgIHJldHVybiB7CiAgICAgICAgICBkaXNhYmxlZEhvdXJzOiAoKSA9PiByYW5nZSgwLCA2MCkuc3BsaWNlKDQsIDIwKSwKICAgICAgICAgIGRpc2FibGVkTWludXRlczogKCkgPT4gcmFuZ2UoMzAsIDYwKSwKICAgICAgICAgIGRpc2FibGVkU2Vjb25kczogKCkgPT4gWzU1LCA1Nl0sCiAgICAgICAgfTsKICAgICAgfQogICAgICByZXR1cm4gewogICAgICAgIGRpc2FibGVkSG91cnM6ICgpID0+IHJhbmdlKDAsIDYwKS5zcGxpY2UoMjAsIDQpLAogICAgICAgIGRpc2FibGVkTWludXRlczogKCkgPT4gcmFuZ2UoMCwgMzEpLAogICAgICAgIGRpc2FibGVkU2Vjb25kczogKCkgPT4gWzU1LCA1Nl0sCiAgICAgIH07CiAgICB9OwoKICAgIHJldHVybiB7CiAgICAgIG1vbWVudCwKICAgICAgdmFsdWUxOiByZWY8TW9tZW50PigpLAogICAgICB2YWx1ZTI6IHJlZjxNb21lbnQ+KCksCiAgICAgIHZhbHVlMzogcmVmPE1vbWVudFtdPihbXSksCiAgICAgIGRpc2FibGVkRGF0ZSwKICAgICAgZGlzYWJsZWREYXRlVGltZSwKICAgICAgZGlzYWJsZWRSYW5nZVRpbWUsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4KCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXNwYWNlIGRpcmVjdGlvbj0idmVydGljYWwiPgogICAgPGEtZGF0ZS1waWNrZXIKICAgICAgdi1tb2RlbDp2YWx1ZT0idmFsdWUxIgogICAgICBmb3JtYXQ9IllZWVktTU0tREQgSEg6bW06c3MiCiAgICAgIDpkaXNhYmxlZC1kYXRlPSJkaXNhYmxlZERhdGUiCiAgICAgIDpkaXNhYmxlZC10aW1lPSJkaXNhYmxlZERhdGVUaW1lIgogICAgICA6c2hvdy10aW1lPSJ7IGRlZmF1bHRWYWx1ZTogbW9tZW50KCcwMDowMDowMCcsICdISDptbTpzcycpIH0iCiAgICAvPgogICAgPGEtbW9udGgtcGlja2VyCiAgICAgIHYtbW9kZWw6dmFsdWU9InZhbHVlMiIKICAgICAgOmRpc2FibGVkLWRhdGU9ImRpc2FibGVkRGF0ZSIKICAgICAgcGxhY2Vob2xkZXI9IlNlbGVjdCBtb250aCIKICAgIC8+CiAgICA8YS1yYW5nZS1waWNrZXIKICAgICAgc3R5bGU9IndpZHRoOiA0MDBweCIKICAgICAgdi1tb2RlbDp2YWx1ZT0idmFsdWUzIgogICAgICA6ZGlzYWJsZWQtZGF0ZT0iZGlzYWJsZWREYXRlIgogICAgICA6ZGlzYWJsZWQtdGltZT0iZGlzYWJsZWRSYW5nZVRpbWUiCiAgICAgIDpzaG93LXRpbWU9InsKICAgICAgICBoaWRlRGlzYWJsZWRPcHRpb25zOiB0cnVlLAogICAgICAgIGRlZmF1bHRWYWx1ZTogW21vbWVudCgnMDA6MDA6MDAnLCAnSEg6bW06c3MnKSwgbW9tZW50KCcxMTo1OTo1OScsICdISDptbTpzcycpXSwKICAgICAgfSIKICAgICAgZm9ybWF0PSJZWVlZLU1NLUREIEhIOm1tOnNzIgogICAgLz4KICA8L2Etc3BhY2U+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCBtb21lbnQgZnJvbSAnbW9tZW50JzsKaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3QgcmFuZ2UgPSAoc3RhcnQsIGVuZCkgPT4gewogICAgICBjb25zdCByZXN1bHQgPSBbXTsKICAgICAgZm9yIChsZXQgaSA9IHN0YXJ0OyBpIDwgZW5kOyBpKyspIHsKICAgICAgICByZXN1bHQucHVzaChpKTsKICAgICAgfQogICAgICByZXR1cm4gcmVzdWx0OwogICAgfTsKICAgIGNvbnN0IGRpc2FibGVkRGF0ZSA9IGN1cnJlbnQgPT4gewogICAgICAvLyBDYW4gbm90IHNlbGVjdCBkYXlzIGJlZm9yZSB0b2RheSBhbmQgdG9kYXkKICAgICAgcmV0dXJuIGN1cnJlbnQgJiYgY3VycmVudCA8IG1vbWVudCgpLmVuZE9mKCdkYXknKTsKICAgIH07CiAgICBjb25zdCBkaXNhYmxlZERhdGVUaW1lID0gKCkgPT4gewogICAgICByZXR1cm4gewogICAgICAgIGRpc2FibGVkSG91cnM6ICgpID0+IHJhbmdlKDAsIDI0KS5zcGxpY2UoNCwgMjApLAogICAgICAgIGRpc2FibGVkTWludXRlczogKCkgPT4gcmFuZ2UoMzAsIDYwKSwKICAgICAgICBkaXNhYmxlZFNlY29uZHM6ICgpID0+IFs1NSwgNTZdLAogICAgICB9OwogICAgfTsKICAgIGNvbnN0IGRpc2FibGVkUmFuZ2VUaW1lID0gKF8sIHR5cGUpID0+IHsKICAgICAgaWYgKHR5cGUgPT09ICdzdGFydCcpIHsKICAgICAgICByZXR1cm4gewogICAgICAgICAgZGlzYWJsZWRIb3VyczogKCkgPT4gcmFuZ2UoMCwgNjApLnNwbGljZSg0LCAyMCksCiAgICAgICAgICBkaXNhYmxlZE1pbnV0ZXM6ICgpID0+IHJhbmdlKDMwLCA2MCksCiAgICAgICAgICBkaXNhYmxlZFNlY29uZHM6ICgpID0+IFs1NSwgNTZdLAogICAgICAgIH07CiAgICAgIH0KICAgICAgcmV0dXJuIHsKICAgICAgICBkaXNhYmxlZEhvdXJzOiAoKSA9PiByYW5nZSgwLCA2MCkuc3BsaWNlKDIwLCA0KSwKICAgICAgICBkaXNhYmxlZE1pbnV0ZXM6ICgpID0+IHJhbmdlKDAsIDMxKSwKICAgICAgICBkaXNhYmxlZFNlY29uZHM6ICgpID0+IFs1NSwgNTZdLAogICAgICB9OwogICAgfTsKICAgIHJldHVybiB7CiAgICAgIG1vbWVudCwKICAgICAgdmFsdWUxOiByZWYoKSwKICAgICAgdmFsdWUyOiByZWYoKSwKICAgICAgdmFsdWUzOiByZWYoW10pLAogICAgICBkaXNhYmxlZERhdGUsCiAgICAgIGRpc2FibGVkRGF0ZVRpbWUsCiAgICAgIGRpc2FibGVkUmFuZ2VUaW1lLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+"}},{default:p(()=>[o(r,{direction:"vertical"},{default:p(()=>[o(c,{value:s.value1,"onUpdate:value":a[0]||(a[0]=k=>s.value1=k),format:"YYYY-MM-DD HH:mm:ss","disabled-date":s.disabledDate,"disabled-time":s.disabledDateTime,"show-time":{defaultValue:s.moment("00:00:00","HH:mm:ss")}},null,8,["value","disabled-date","disabled-time","show-time"]),o(l,{value:s.value2,"onUpdate:value":a[1]||(a[1]=k=>s.value2=k),"disabled-date":s.disabledDate,placeholder:"Select month"},null,8,["value","disabled-date"]),o(i,{style:{width:"400px"},value:s.value3,"onUpdate:value":a[2]||(a[2]=k=>s.value3=k),"disabled-date":s.disabledDate,"disabled-time":s.disabledRangeTime,"show-time":{hideDisabledOptions:!0,defaultValue:[s.moment("00:00:00","HH:mm:ss"),s.moment("11:59:59","HH:mm:ss")]},format:"YYYY-MM-DD HH:mm:ss"},null,8,["value","disabled-date","disabled-time","show-time"])]),_:1})]),htmlCode:p(()=>a[3]||(a[3]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-space")]),t(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("vertical"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-date-picker")]),t(`
      `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value1"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"format"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("YYYY-MM-DD HH:mm:ss"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":disabled-date"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("disabledDate"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":disabled-time"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("disabledDateTime"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":show-time"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ defaultValue: moment('00:00:00', 'HH:mm:ss') }"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-month-picker")]),t(`
      `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value2"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":disabled-date"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("disabledDate"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Select month"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-range-picker")]),t(`
      `),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),t(" 400px")]),n("span",{class:"token punctuation"},'"')])]),t(`
      `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value3"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":disabled-date"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("disabledDate"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":disabled-time"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("disabledRangeTime"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":show-time"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t(`{
        hideDisabledOptions: true,
        defaultValue: [moment('00:00:00', 'HH:mm:ss'), moment('11:59:59', 'HH:mm:ss')],
      }`),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"format"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("YYYY-MM-DD HH:mm:ss"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-space")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(" moment"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"{"),t(" Moment "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'moment'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"range"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"start"),n("span",{class:"token operator"},":"),t(" number"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"end"),n("span",{class:"token operator"},":"),t(" number")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token keyword"},"const"),t(" result "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`

      `),n("span",{class:"token keyword"},"for"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"let"),t(" i "),n("span",{class:"token operator"},"="),t(" start"),n("span",{class:"token punctuation"},";"),t(" i "),n("span",{class:"token operator"},"<"),t(" end"),n("span",{class:"token punctuation"},";"),t(" i"),n("span",{class:"token operator"},"++"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
        result`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),t("i"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token punctuation"},"}"),t(`

      `),n("span",{class:"token keyword"},"return"),t(" result"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"disabledDate"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"current"),n("span",{class:"token operator"},":"),t(" Moment")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token comment"},"// Can not select days before today and today"),t(`
      `),n("span",{class:"token keyword"},"return"),t(" current "),n("span",{class:"token operator"},"&&"),t(" current "),n("span",{class:"token operator"},"<"),t(),n("span",{class:"token function"},"moment"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"endOf"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'day'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"disabledDateTime"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token function-variable function"},"disabledHours"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token function"},"range"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token number"},"24"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"splice"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"4"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token number"},"20"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token function-variable function"},"disabledMinutes"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token function"},"range"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"30"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token number"},"60"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token function-variable function"},"disabledSeconds"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token number"},"55"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token number"},"56"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token keyword"},"const"),t(" disabledRangeTime "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),t("_"),n("span",{class:"token operator"},":"),t(" Moment"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"type"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token string"},"'start'"),t(),n("span",{class:"token operator"},"|"),t(),n("span",{class:"token string"},"'end'"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("type "),n("span",{class:"token operator"},"==="),t(),n("span",{class:"token string"},"'start'"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
          `),n("span",{class:"token function-variable function"},"disabledHours"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token function"},"range"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token number"},"60"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"splice"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"4"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token number"},"20"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
          `),n("span",{class:"token function-variable function"},"disabledMinutes"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token function"},"range"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"30"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token number"},"60"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
          `),n("span",{class:"token function-variable function"},"disabledSeconds"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token number"},"55"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token number"},"56"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token punctuation"},"}"),t(`
      `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token function-variable function"},"disabledHours"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token function"},"range"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token number"},"60"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"splice"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"20"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token number"},"4"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token function-variable function"},"disabledMinutes"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token function"},"range"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token number"},"31"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token function-variable function"},"disabledSeconds"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token number"},"55"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token number"},"56"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      moment`),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token literal-property property"},"value1"),n("span",{class:"token operator"},":"),t(" ref"),n("span",{class:"token operator"},"<"),t("Moment"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token literal-property property"},"value2"),n("span",{class:"token operator"},":"),t(" ref"),n("span",{class:"token operator"},"<"),t("Moment"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token literal-property property"},"value3"),n("span",{class:"token operator"},":"),t(" ref"),n("span",{class:"token operator"},"<"),t("Moment"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
      disabledDate`),n("span",{class:"token punctuation"},","),t(`
      disabledDateTime`),n("span",{class:"token punctuation"},","),t(`
      disabledRangeTime`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:p(()=>a[4]||(a[4]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-space")]),t(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("vertical"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-date-picker")]),t(`
      `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value1"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"format"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("YYYY-MM-DD HH:mm:ss"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":disabled-date"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("disabledDate"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":disabled-time"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("disabledDateTime"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":show-time"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ defaultValue: moment('00:00:00', 'HH:mm:ss') }"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-month-picker")]),t(`
      `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value2"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":disabled-date"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("disabledDate"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Select month"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-range-picker")]),t(`
      `),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),t(" 400px")]),n("span",{class:"token punctuation"},'"')])]),t(`
      `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value3"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":disabled-date"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("disabledDate"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":disabled-time"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("disabledRangeTime"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":show-time"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t(`{
        hideDisabledOptions: true,
        defaultValue: [moment('00:00:00', 'HH:mm:ss'), moment('11:59:59', 'HH:mm:ss')],
      }`),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"format"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("YYYY-MM-DD HH:mm:ss"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-space")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(" moment "),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'moment'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"range"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("start"),n("span",{class:"token punctuation"},","),t(" end")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token keyword"},"const"),t(" result "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token keyword"},"for"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"let"),t(" i "),n("span",{class:"token operator"},"="),t(" start"),n("span",{class:"token punctuation"},";"),t(" i "),n("span",{class:"token operator"},"<"),t(" end"),n("span",{class:"token punctuation"},";"),t(" i"),n("span",{class:"token operator"},"++"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
        result`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),t("i"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token punctuation"},"}"),t(`
      `),n("span",{class:"token keyword"},"return"),t(" result"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"disabledDate"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token parameter"},"current"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token comment"},"// Can not select days before today and today"),t(`
      `),n("span",{class:"token keyword"},"return"),t(" current "),n("span",{class:"token operator"},"&&"),t(" current "),n("span",{class:"token operator"},"<"),t(),n("span",{class:"token function"},"moment"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"endOf"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'day'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"disabledDateTime"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token function-variable function"},"disabledHours"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token function"},"range"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token number"},"24"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"splice"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"4"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token number"},"20"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token function-variable function"},"disabledMinutes"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token function"},"range"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"30"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token number"},"60"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token function-variable function"},"disabledSeconds"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token number"},"55"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token number"},"56"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"disabledRangeTime"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("_"),n("span",{class:"token punctuation"},","),t(" type")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("type "),n("span",{class:"token operator"},"==="),t(),n("span",{class:"token string"},"'start'"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
          `),n("span",{class:"token function-variable function"},"disabledHours"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token function"},"range"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token number"},"60"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"splice"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"4"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token number"},"20"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
          `),n("span",{class:"token function-variable function"},"disabledMinutes"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token function"},"range"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"30"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token number"},"60"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
          `),n("span",{class:"token function-variable function"},"disabledSeconds"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token number"},"55"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token number"},"56"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token punctuation"},"}"),t(`
      `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token function-variable function"},"disabledHours"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token function"},"range"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token number"},"60"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"splice"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"20"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token number"},"4"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token function-variable function"},"disabledMinutes"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token function"},"range"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token number"},"31"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token function-variable function"},"disabledSeconds"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token number"},"55"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token number"},"56"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      moment`),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token literal-property property"},"value1"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token literal-property property"},"value2"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token literal-property property"},"value3"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
      disabledDate`),n("span",{class:"token punctuation"},","),t(`
      disabledDateTime`),n("span",{class:"token punctuation"},","),t(`
      disabledRangeTime`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var q=b(U,[["render",J]]);const L=Z({setup(){const s="YYYY-MM-DD";return{value1:d(h("2015-06-06",s)),value2:d(h("2015-06","YYYY-MM")),value3:d([h("2015-06-06",s),h("2015-06-06",s)])}}});function z(s,a,u,m,g,C){const c=e("a-date-picker"),l=e("a-month-picker"),i=e("a-range-picker"),r=e("a-space"),I=e("demo-box");return v(),A(I,{jsfiddle:{us:"A disabled state of the `DatePicker`.",cn:"\u9009\u62E9\u6846\u7684\u4E0D\u53EF\u7528\u72B6\u6001\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u9009\u62E9\u6846\u7684\u4E0D\u53EF\u7528\u72B6\u6001\u3002</p>
<h2 id="en-us">en-US</h2>
<p>A disabled state of the <code>DatePicker</code>.</p>
`,order:3,title:{"zh-CN":"\u7981\u7528","en-US":"Disabled"},relativePath:"src/docs/date-picker/demo/disabled.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXNwYWNlIGRpcmVjdGlvbj0idmVydGljYWwiPgogICAgPGEtZGF0ZS1waWNrZXIgdi1tb2RlbDp2YWx1ZT0idmFsdWUxIiAvPgogICAgPGEtbW9udGgtcGlja2VyIHYtbW9kZWw6dmFsdWU9InZhbHVlMiIgZGlzYWJsZWQgLz4KICAgIDxhLXJhbmdlLXBpY2tlciB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTMiIGRpc2FibGVkIC8+CiAgPC9hLXNwYWNlPgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IG1vbWVudCBmcm9tICdtb21lbnQnOwppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCBkYXRlRm9ybWF0ID0gJ1lZWVktTU0tREQnOwogICAgcmV0dXJuIHsKICAgICAgdmFsdWUxOiByZWY8bW9tZW50Lk1vbWVudD4obW9tZW50KCcyMDE1LTA2LTA2JywgZGF0ZUZvcm1hdCkpLAogICAgICB2YWx1ZTI6IHJlZjxtb21lbnQuTW9tZW50Pihtb21lbnQoJzIwMTUtMDYnLCAnWVlZWS1NTScpKSwKICAgICAgdmFsdWUzOiByZWY8bW9tZW50Lk1vbWVudFtdPihbCiAgICAgICAgbW9tZW50KCcyMDE1LTA2LTA2JywgZGF0ZUZvcm1hdCksCiAgICAgICAgbW9tZW50KCcyMDE1LTA2LTA2JywgZGF0ZUZvcm1hdCksCiAgICAgIF0pLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXNwYWNlIGRpcmVjdGlvbj0idmVydGljYWwiPgogICAgPGEtZGF0ZS1waWNrZXIgdi1tb2RlbDp2YWx1ZT0idmFsdWUxIiAvPgogICAgPGEtbW9udGgtcGlja2VyIHYtbW9kZWw6dmFsdWU9InZhbHVlMiIgZGlzYWJsZWQgLz4KICAgIDxhLXJhbmdlLXBpY2tlciB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTMiIGRpc2FibGVkIC8+CiAgPC9hLXNwYWNlPgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgbW9tZW50IGZyb20gJ21vbWVudCc7CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IGRhdGVGb3JtYXQgPSAnWVlZWS1NTS1ERCc7CiAgICByZXR1cm4gewogICAgICB2YWx1ZTE6IHJlZihtb21lbnQoJzIwMTUtMDYtMDYnLCBkYXRlRm9ybWF0KSksCiAgICAgIHZhbHVlMjogcmVmKG1vbWVudCgnMjAxNS0wNicsICdZWVlZLU1NJykpLAogICAgICB2YWx1ZTM6IHJlZihbbW9tZW50KCcyMDE1LTA2LTA2JywgZGF0ZUZvcm1hdCksIG1vbWVudCgnMjAxNS0wNi0wNicsIGRhdGVGb3JtYXQpXSksCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4="}},{default:p(()=>[o(r,{direction:"vertical"},{default:p(()=>[o(c,{value:s.value1,"onUpdate:value":a[0]||(a[0]=k=>s.value1=k)},null,8,["value"]),o(l,{value:s.value2,"onUpdate:value":a[1]||(a[1]=k=>s.value2=k),disabled:""},null,8,["value"]),o(i,{value:s.value3,"onUpdate:value":a[2]||(a[2]=k=>s.value3=k),disabled:""},null,8,["value"])]),_:1})]),htmlCode:p(()=>a[3]||(a[3]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-space")]),t(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("vertical"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-date-picker")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value1"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-month-picker")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value2"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"disabled"),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-range-picker")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value3"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"disabled"),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-space")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(" moment "),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'moment'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" dateFormat "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token string"},"'YYYY-MM-DD'"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token literal-property property"},"value1"),n("span",{class:"token operator"},":"),t(" ref"),n("span",{class:"token operator"},"<"),t("moment"),n("span",{class:"token punctuation"},"."),t("Moment"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token function"},"moment"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'2015-06-06'"),n("span",{class:"token punctuation"},","),t(" dateFormat"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token literal-property property"},"value2"),n("span",{class:"token operator"},":"),t(" ref"),n("span",{class:"token operator"},"<"),t("moment"),n("span",{class:"token punctuation"},"."),t("Moment"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token function"},"moment"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'2015-06'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'YYYY-MM'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token literal-property property"},"value3"),n("span",{class:"token operator"},":"),t(" ref"),n("span",{class:"token operator"},"<"),t("moment"),n("span",{class:"token punctuation"},"."),t("Moment"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),t(`
        `),n("span",{class:"token function"},"moment"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'2015-06-06'"),n("span",{class:"token punctuation"},","),t(" dateFormat"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token function"},"moment"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'2015-06-06'"),n("span",{class:"token punctuation"},","),t(" dateFormat"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:p(()=>a[4]||(a[4]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-space")]),t(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("vertical"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-date-picker")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value1"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-month-picker")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value2"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"disabled"),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-range-picker")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value3"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"disabled"),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-space")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(" moment "),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'moment'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" dateFormat "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token string"},"'YYYY-MM-DD'"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token literal-property property"},"value1"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token function"},"moment"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'2015-06-06'"),n("span",{class:"token punctuation"},","),t(" dateFormat"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token literal-property property"},"value2"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token function"},"moment"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'2015-06'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'YYYY-MM'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token literal-property property"},"value3"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token function"},"moment"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'2015-06-06'"),n("span",{class:"token punctuation"},","),t(" dateFormat"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token function"},"moment"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'2015-06-06'"),n("span",{class:"token punctuation"},","),t(" dateFormat"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var M=b(L,[["render",z]]);const O={};function Q(s,a){const u=e("a-date-picker"),m=e("a-range-picker"),g=e("a-month-picker"),C=e("a-space"),c=e("demo-box");return v(),A(c,{jsfiddle:{us:"Render extra footer in panel for customized requirements.",cn:"\u5728\u6D6E\u5C42\u4E2D\u52A0\u5165\u989D\u5916\u7684\u9875\u811A\uFF0C\u4EE5\u6EE1\u8DB3\u67D0\u4E9B\u5B9A\u5236\u4FE1\u606F\u7684\u9700\u6C42\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u5728\u6D6E\u5C42\u4E2D\u52A0\u5165\u989D\u5916\u7684\u9875\u811A\uFF0C\u4EE5\u6EE1\u8DB3\u67D0\u4E9B\u5B9A\u5236\u4FE1\u606F\u7684\u9700\u6C42\u3002</p>
<h2 id="en-us">en-US</h2>
<p>Render extra footer in panel for customized requirements.</p>
`,order:7,title:{"zh-CN":"\u989D\u5916\u7684\u9875\u811A","en-US":"Extra Footer"},relativePath:"src/docs/date-picker/demo/extra-footer.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXNwYWNlIGRpcmVjdGlvbj0idmVydGljYWwiPgogICAgPGEtZGF0ZS1waWNrZXI+CiAgICAgIDx0ZW1wbGF0ZSAjcmVuZGVyRXh0cmFGb290ZXI+ZXh0cmEgZm9vdGVyPC90ZW1wbGF0ZT4KICAgIDwvYS1kYXRlLXBpY2tlcj4KICAgIDxhLWRhdGUtcGlja2VyIHNob3ctdGltZT4KICAgICAgPHRlbXBsYXRlICNyZW5kZXJFeHRyYUZvb3Rlcj5leHRyYSBmb290ZXI8L3RlbXBsYXRlPgogICAgPC9hLWRhdGUtcGlja2VyPgogICAgPGEtcmFuZ2UtcGlja2VyPgogICAgICA8dGVtcGxhdGUgI3JlbmRlckV4dHJhRm9vdGVyPmV4dHJhIGZvb3RlcjwvdGVtcGxhdGU+CiAgICA8L2EtcmFuZ2UtcGlja2VyPgogICAgPGEtcmFuZ2UtcGlja2VyIHNob3ctdGltZT4KICAgICAgPHRlbXBsYXRlICNyZW5kZXJFeHRyYUZvb3Rlcj5leHRyYSBmb290ZXI8L3RlbXBsYXRlPgogICAgPC9hLXJhbmdlLXBpY2tlcj4KICAgIDxhLW1vbnRoLXBpY2tlciBwbGFjZWhvbGRlcj0iU2VsZWN0IG1vbnRoIj4KICAgICAgPHRlbXBsYXRlICNyZW5kZXJFeHRyYUZvb3Rlcj5leHRyYSBmb290ZXI8L3RlbXBsYXRlPgogICAgPC9hLW1vbnRoLXBpY2tlcj4KICA8L2Etc3BhY2U+CjwvdGVtcGxhdGU+CgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXNwYWNlIGRpcmVjdGlvbj0idmVydGljYWwiPgogICAgPGEtZGF0ZS1waWNrZXI+CiAgICAgIDx0ZW1wbGF0ZSAjcmVuZGVyRXh0cmFGb290ZXI+ZXh0cmEgZm9vdGVyPC90ZW1wbGF0ZT4KICAgIDwvYS1kYXRlLXBpY2tlcj4KICAgIDxhLWRhdGUtcGlja2VyIHNob3ctdGltZT4KICAgICAgPHRlbXBsYXRlICNyZW5kZXJFeHRyYUZvb3Rlcj5leHRyYSBmb290ZXI8L3RlbXBsYXRlPgogICAgPC9hLWRhdGUtcGlja2VyPgogICAgPGEtcmFuZ2UtcGlja2VyPgogICAgICA8dGVtcGxhdGUgI3JlbmRlckV4dHJhRm9vdGVyPmV4dHJhIGZvb3RlcjwvdGVtcGxhdGU+CiAgICA8L2EtcmFuZ2UtcGlja2VyPgogICAgPGEtcmFuZ2UtcGlja2VyIHNob3ctdGltZT4KICAgICAgPHRlbXBsYXRlICNyZW5kZXJFeHRyYUZvb3Rlcj5leHRyYSBmb290ZXI8L3RlbXBsYXRlPgogICAgPC9hLXJhbmdlLXBpY2tlcj4KICAgIDxhLW1vbnRoLXBpY2tlciBwbGFjZWhvbGRlcj0iU2VsZWN0IG1vbnRoIj4KICAgICAgPHRlbXBsYXRlICNyZW5kZXJFeHRyYUZvb3Rlcj5leHRyYSBmb290ZXI8L3RlbXBsYXRlPgogICAgPC9hLW1vbnRoLXBpY2tlcj4KICA8L2Etc3BhY2U+CjwvdGVtcGxhdGU+"}},{default:p(()=>[o(C,{direction:"vertical"},{default:p(()=>[o(u,null,{renderExtraFooter:p(()=>a[0]||(a[0]=[t("extra footer")])),_:1}),o(u,{"show-time":""},{renderExtraFooter:p(()=>a[1]||(a[1]=[t("extra footer")])),_:1}),o(m,null,{renderExtraFooter:p(()=>a[2]||(a[2]=[t("extra footer")])),_:1}),o(m,{"show-time":""},{renderExtraFooter:p(()=>a[3]||(a[3]=[t("extra footer")])),_:1}),o(g,{placeholder:"Select month"},{renderExtraFooter:p(()=>a[4]||(a[4]=[t("extra footer")])),_:1})]),_:1})]),htmlCode:p(()=>a[5]||(a[5]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-space")]),t(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("vertical"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-date-picker")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#renderExtraFooter"),n("span",{class:"token punctuation"},">")]),t("extra footer"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-date-picker")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-date-picker")]),t(),n("span",{class:"token attr-name"},"show-time"),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#renderExtraFooter"),n("span",{class:"token punctuation"},">")]),t("extra footer"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-date-picker")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-range-picker")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#renderExtraFooter"),n("span",{class:"token punctuation"},">")]),t("extra footer"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-range-picker")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-range-picker")]),t(),n("span",{class:"token attr-name"},"show-time"),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#renderExtraFooter"),n("span",{class:"token punctuation"},">")]),t("extra footer"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-range-picker")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-month-picker")]),t(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Select month"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#renderExtraFooter"),n("span",{class:"token punctuation"},">")]),t("extra footer"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-month-picker")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-space")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:p(()=>a[6]||(a[6]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-space")]),t(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("vertical"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-date-picker")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#renderExtraFooter"),n("span",{class:"token punctuation"},">")]),t("extra footer"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-date-picker")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-date-picker")]),t(),n("span",{class:"token attr-name"},"show-time"),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#renderExtraFooter"),n("span",{class:"token punctuation"},">")]),t("extra footer"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-date-picker")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-range-picker")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#renderExtraFooter"),n("span",{class:"token punctuation"},">")]),t("extra footer"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-range-picker")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-range-picker")]),t(),n("span",{class:"token attr-name"},"show-time"),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#renderExtraFooter"),n("span",{class:"token punctuation"},">")]),t("extra footer"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-range-picker")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-month-picker")]),t(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Select month"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#renderExtraFooter"),n("span",{class:"token punctuation"},">")]),t("extra footer"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-month-picker")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-space")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var _=b(O,[["render",Q]]);const $=Z({setup(){const s="YYYY/MM/DD",a="YYYY/MM",u=["DD/MM/YYYY","DD/MM/YY"];return{value1:d(h("2015/01/01",s)),value2:d(h("01/01/2015",u[0])),value3:d(h("2015/01",a)),value4:d([h("2015/01/01",s),h("2015/01/01",s)]),dateFormat:s,monthFormat:a,dateFormatList:u,moment:h}}});function nn(s,a,u,m,g,C){const c=e("a-date-picker"),l=e("a-month-picker"),i=e("a-range-picker"),r=e("a-space"),I=e("demo-box");return v(),A(I,{jsfiddle:{us:"We can set the date format by `format`.",cn:"\u4F7F\u7528 `format` \u5C5E\u6027\uFF0C\u53EF\u4EE5\u81EA\u5B9A\u4E49\u65E5\u671F\u663E\u793A\u683C\u5F0F\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u4F7F\u7528 <code>format</code> \u5C5E\u6027\uFF0C\u53EF\u4EE5\u81EA\u5B9A\u4E49\u65E5\u671F\u663E\u793A\u683C\u5F0F\u3002</p>
<h2 id="en-us">en-US</h2>
<p>We can set the date format by <code>format</code>.</p>
`,order:1,title:{"zh-CN":"\u65E5\u671F\u683C\u5F0F","en-US":"Date Format"},relativePath:"src/docs/date-picker/demo/format.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXNwYWNlIGRpcmVjdGlvbj0idmVydGljYWwiPgogICAgPGEtZGF0ZS1waWNrZXIgdi1tb2RlbDp2YWx1ZT0idmFsdWUxIiA6Zm9ybWF0PSJkYXRlRm9ybWF0IiAvPgogICAgPGEtZGF0ZS1waWNrZXIgdi1tb2RlbDp2YWx1ZT0idmFsdWUyIiA6Zm9ybWF0PSJkYXRlRm9ybWF0TGlzdCIgLz4KICAgIDxhLW1vbnRoLXBpY2tlciB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTMiIDpmb3JtYXQ9Im1vbnRoRm9ybWF0IiAvPgogICAgPGEtcmFuZ2UtcGlja2VyIHYtbW9kZWw6dmFsdWU9InZhbHVlNCIgOmZvcm1hdD0iZGF0ZUZvcm1hdCIgLz4KICA8L2Etc3BhY2U+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgbW9tZW50LCB7IE1vbWVudCB9IGZyb20gJ21vbWVudCc7CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IGRhdGVGb3JtYXQgPSAnWVlZWS9NTS9ERCc7CiAgICBjb25zdCBtb250aEZvcm1hdCA9ICdZWVlZL01NJzsKICAgIGNvbnN0IGRhdGVGb3JtYXRMaXN0ID0gWydERC9NTS9ZWVlZJywgJ0REL01NL1lZJ107CiAgICByZXR1cm4gewogICAgICB2YWx1ZTE6IHJlZjxNb21lbnQ+KG1vbWVudCgnMjAxNS8wMS8wMScsIGRhdGVGb3JtYXQpKSwKICAgICAgdmFsdWUyOiByZWY8TW9tZW50Pihtb21lbnQoJzAxLzAxLzIwMTUnLCBkYXRlRm9ybWF0TGlzdFswXSkpLAogICAgICB2YWx1ZTM6IHJlZjxNb21lbnQ+KG1vbWVudCgnMjAxNS8wMScsIG1vbnRoRm9ybWF0KSksCiAgICAgIHZhbHVlNDogcmVmPE1vbWVudFtdPihbbW9tZW50KCcyMDE1LzAxLzAxJywgZGF0ZUZvcm1hdCksIG1vbWVudCgnMjAxNS8wMS8wMScsIGRhdGVGb3JtYXQpXSksCiAgICAgIGRhdGVGb3JtYXQsCiAgICAgIG1vbnRoRm9ybWF0LAogICAgICBkYXRlRm9ybWF0TGlzdCwKICAgICAgbW9tZW50LAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXNwYWNlIGRpcmVjdGlvbj0idmVydGljYWwiPgogICAgPGEtZGF0ZS1waWNrZXIgdi1tb2RlbDp2YWx1ZT0idmFsdWUxIiA6Zm9ybWF0PSJkYXRlRm9ybWF0IiAvPgogICAgPGEtZGF0ZS1waWNrZXIgdi1tb2RlbDp2YWx1ZT0idmFsdWUyIiA6Zm9ybWF0PSJkYXRlRm9ybWF0TGlzdCIgLz4KICAgIDxhLW1vbnRoLXBpY2tlciB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTMiIDpmb3JtYXQ9Im1vbnRoRm9ybWF0IiAvPgogICAgPGEtcmFuZ2UtcGlja2VyIHYtbW9kZWw6dmFsdWU9InZhbHVlNCIgOmZvcm1hdD0iZGF0ZUZvcm1hdCIgLz4KICA8L2Etc3BhY2U+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCBtb21lbnQgZnJvbSAnbW9tZW50JzsKaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3QgZGF0ZUZvcm1hdCA9ICdZWVlZL01NL0REJzsKICAgIGNvbnN0IG1vbnRoRm9ybWF0ID0gJ1lZWVkvTU0nOwogICAgY29uc3QgZGF0ZUZvcm1hdExpc3QgPSBbJ0REL01NL1lZWVknLCAnREQvTU0vWVknXTsKICAgIHJldHVybiB7CiAgICAgIHZhbHVlMTogcmVmKG1vbWVudCgnMjAxNS8wMS8wMScsIGRhdGVGb3JtYXQpKSwKICAgICAgdmFsdWUyOiByZWYobW9tZW50KCcwMS8wMS8yMDE1JywgZGF0ZUZvcm1hdExpc3RbMF0pKSwKICAgICAgdmFsdWUzOiByZWYobW9tZW50KCcyMDE1LzAxJywgbW9udGhGb3JtYXQpKSwKICAgICAgdmFsdWU0OiByZWYoW21vbWVudCgnMjAxNS8wMS8wMScsIGRhdGVGb3JtYXQpLCBtb21lbnQoJzIwMTUvMDEvMDEnLCBkYXRlRm9ybWF0KV0pLAogICAgICBkYXRlRm9ybWF0LAogICAgICBtb250aEZvcm1hdCwKICAgICAgZGF0ZUZvcm1hdExpc3QsCiAgICAgIG1vbWVudCwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pg=="}},{default:p(()=>[o(r,{direction:"vertical"},{default:p(()=>[o(c,{value:s.value1,"onUpdate:value":a[0]||(a[0]=k=>s.value1=k),format:s.dateFormat},null,8,["value","format"]),o(c,{value:s.value2,"onUpdate:value":a[1]||(a[1]=k=>s.value2=k),format:s.dateFormatList},null,8,["value","format"]),o(l,{value:s.value3,"onUpdate:value":a[2]||(a[2]=k=>s.value3=k),format:s.monthFormat},null,8,["value","format"]),o(i,{value:s.value4,"onUpdate:value":a[3]||(a[3]=k=>s.value4=k),format:s.dateFormat},null,8,["value","format"])]),_:1})]),htmlCode:p(()=>a[4]||(a[4]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-space")]),t(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("vertical"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-date-picker")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value1"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":format"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("dateFormat"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-date-picker")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value2"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":format"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("dateFormatList"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-month-picker")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value3"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":format"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("monthFormat"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-range-picker")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value4"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":format"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("dateFormat"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-space")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(" moment"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"{"),t(" Moment "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'moment'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" dateFormat "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token string"},"'YYYY/MM/DD'"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" monthFormat "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token string"},"'YYYY/MM'"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" dateFormatList "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'DD/MM/YYYY'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'DD/MM/YY'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token literal-property property"},"value1"),n("span",{class:"token operator"},":"),t(" ref"),n("span",{class:"token operator"},"<"),t("Moment"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token function"},"moment"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'2015/01/01'"),n("span",{class:"token punctuation"},","),t(" dateFormat"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token literal-property property"},"value2"),n("span",{class:"token operator"},":"),t(" ref"),n("span",{class:"token operator"},"<"),t("Moment"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token function"},"moment"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'01/01/2015'"),n("span",{class:"token punctuation"},","),t(" dateFormatList"),n("span",{class:"token punctuation"},"["),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token literal-property property"},"value3"),n("span",{class:"token operator"},":"),t(" ref"),n("span",{class:"token operator"},"<"),t("Moment"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token function"},"moment"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'2015/01'"),n("span",{class:"token punctuation"},","),t(" monthFormat"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token literal-property property"},"value4"),n("span",{class:"token operator"},":"),t(" ref"),n("span",{class:"token operator"},"<"),t("Moment"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token function"},"moment"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'2015/01/01'"),n("span",{class:"token punctuation"},","),t(" dateFormat"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token function"},"moment"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'2015/01/01'"),n("span",{class:"token punctuation"},","),t(" dateFormat"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
      dateFormat`),n("span",{class:"token punctuation"},","),t(`
      monthFormat`),n("span",{class:"token punctuation"},","),t(`
      dateFormatList`),n("span",{class:"token punctuation"},","),t(`
      moment`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:p(()=>a[5]||(a[5]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-space")]),t(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("vertical"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-date-picker")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value1"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":format"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("dateFormat"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-date-picker")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value2"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":format"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("dateFormatList"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-month-picker")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value3"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":format"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("monthFormat"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-range-picker")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value4"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":format"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("dateFormat"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-space")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(" moment "),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'moment'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" dateFormat "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token string"},"'YYYY/MM/DD'"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" monthFormat "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token string"},"'YYYY/MM'"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" dateFormatList "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'DD/MM/YYYY'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'DD/MM/YY'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token literal-property property"},"value1"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token function"},"moment"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'2015/01/01'"),n("span",{class:"token punctuation"},","),t(" dateFormat"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token literal-property property"},"value2"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token function"},"moment"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'01/01/2015'"),n("span",{class:"token punctuation"},","),t(" dateFormatList"),n("span",{class:"token punctuation"},"["),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token literal-property property"},"value3"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token function"},"moment"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'2015/01'"),n("span",{class:"token punctuation"},","),t(" monthFormat"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token literal-property property"},"value4"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token function"},"moment"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'2015/01/01'"),n("span",{class:"token punctuation"},","),t(" dateFormat"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token function"},"moment"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'2015/01/01'"),n("span",{class:"token punctuation"},","),t(" dateFormat"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
      dateFormat`),n("span",{class:"token punctuation"},","),t(`
      monthFormat`),n("span",{class:"token punctuation"},","),t(`
      dateFormatList`),n("span",{class:"token punctuation"},","),t(`
      moment`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var tn=b($,[["render",nn]]);const an=Z({setup(){const s=d("time"),a=d(["month","month"]),u=d([]);return{mode1:s,mode2:a,value:u,handleOpenChange1:l=>{l&&(s.value="time")},handleChange:l=>{u.value=l},handlePanelChange1:(l,i)=>{s.value=i},handlePanelChange2:(l,i)=>{u.value=l,a.value=[i[0]==="date"?"month":i[0],i[1]==="date"?"month":i[1]]}}}});function sn(s,a,u,m,g,C){const c=e("a-date-picker"),l=e("a-range-picker"),i=e("a-space"),r=e("demo-box");return v(),A(r,{jsfiddle:{us:"Determing which panel to show with `mode` and `onPanelChange`.",cn:"\u901A\u8FC7\u7EC4\u5408 `mode` \u4E0E `onPanelChange` \u63A7\u5236\u8981\u5C55\u793A\u7684\u9762\u677F\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u901A\u8FC7\u7EC4\u5408 <code>mode</code> \u4E0E <code>onPanelChange</code> \u63A7\u5236\u8981\u5C55\u793A\u7684\u9762\u677F\u3002</p>
<h2 id="en-us">en-US</h2>
<p>Determing which panel to show with <code>mode</code> and <code>onPanelChange</code>.</p>
`,order:10,title:{"zh-CN":"\u53D7\u63A7\u9762\u677F","en-US":"Controlled Panels"},relativePath:"src/docs/date-picker/demo/mode.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXNwYWNlIGRpcmVjdGlvbj0idmVydGljYWwiPgogICAgPGEtZGF0ZS1waWNrZXIKICAgICAgOm1vZGU9Im1vZGUxIgogICAgICBzaG93LXRpbWUKICAgICAgQG9wZW5DaGFuZ2U9ImhhbmRsZU9wZW5DaGFuZ2UxIgogICAgICBAcGFuZWxDaGFuZ2U9ImhhbmRsZVBhbmVsQ2hhbmdlMSIKICAgIC8+CiAgICA8YS1yYW5nZS1waWNrZXIKICAgICAgOnBsYWNlaG9sZGVyPSJbJ1N0YXJ0IG1vbnRoJywgJ0VuZCBtb250aCddIgogICAgICBmb3JtYXQ9IllZWVktTU0iCiAgICAgIDp2YWx1ZT0idmFsdWUiCiAgICAgIDptb2RlPSJtb2RlMiIKICAgICAgQHBhbmVsQ2hhbmdlPSJoYW5kbGVQYW5lbENoYW5nZTIiCiAgICAgIEBjaGFuZ2U9ImhhbmRsZUNoYW5nZSIKICAgIC8+CiAgPC9hLXNwYWNlPgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IHsgTW9tZW50IH0gZnJvbSAnbW9tZW50JzsKaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3QgbW9kZTEgPSByZWY8c3RyaW5nPigndGltZScpOwogICAgY29uc3QgbW9kZTIgPSByZWY8c3RyaW5nW10+KFsnbW9udGgnLCAnbW9udGgnXSk7CiAgICBjb25zdCB2YWx1ZSA9IHJlZjxNb21lbnRbXT4oW10pOwoKICAgIGNvbnN0IGhhbmRsZU9wZW5DaGFuZ2UxID0gKG9wZW46IGJvb2xlYW4pID0+IHsKICAgICAgaWYgKG9wZW4pIHsKICAgICAgICBtb2RlMS52YWx1ZSA9ICd0aW1lJzsKICAgICAgfQogICAgfTsKCiAgICBjb25zdCBoYW5kbGVDaGFuZ2UgPSAodmFsOiBNb21lbnRbXSkgPT4gewogICAgICB2YWx1ZS52YWx1ZSA9IHZhbDsKICAgIH07CgogICAgY29uc3QgaGFuZGxlUGFuZWxDaGFuZ2UxID0gKHZhbDogTW9tZW50W10sIG1vZGU6IHN0cmluZykgPT4gewogICAgICBtb2RlMS52YWx1ZSA9IG1vZGU7CiAgICB9OwoKICAgIGNvbnN0IGhhbmRsZVBhbmVsQ2hhbmdlMiA9ICh2YWw6IE1vbWVudFtdLCBtb2RlOiBzdHJpbmdbXSkgPT4gewogICAgICB2YWx1ZS52YWx1ZSA9IHZhbDsKICAgICAgbW9kZTIudmFsdWUgPSBbCiAgICAgICAgbW9kZVswXSA9PT0gJ2RhdGUnID8gJ21vbnRoJyA6IG1vZGVbMF0sCiAgICAgICAgbW9kZVsxXSA9PT0gJ2RhdGUnID8gJ21vbnRoJyA6IG1vZGVbMV0sCiAgICAgIF07CiAgICB9OwoKICAgIHJldHVybiB7CiAgICAgIG1vZGUxLAogICAgICBtb2RlMiwKICAgICAgdmFsdWUsCiAgICAgIGhhbmRsZU9wZW5DaGFuZ2UxLAogICAgICBoYW5kbGVDaGFuZ2UsCiAgICAgIGhhbmRsZVBhbmVsQ2hhbmdlMSwKICAgICAgaGFuZGxlUGFuZWxDaGFuZ2UyLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXNwYWNlIGRpcmVjdGlvbj0idmVydGljYWwiPgogICAgPGEtZGF0ZS1waWNrZXIKICAgICAgOm1vZGU9Im1vZGUxIgogICAgICBzaG93LXRpbWUKICAgICAgQG9wZW5DaGFuZ2U9ImhhbmRsZU9wZW5DaGFuZ2UxIgogICAgICBAcGFuZWxDaGFuZ2U9ImhhbmRsZVBhbmVsQ2hhbmdlMSIKICAgIC8+CiAgICA8YS1yYW5nZS1waWNrZXIKICAgICAgOnBsYWNlaG9sZGVyPSJbJ1N0YXJ0IG1vbnRoJywgJ0VuZCBtb250aCddIgogICAgICBmb3JtYXQ9IllZWVktTU0iCiAgICAgIDp2YWx1ZT0idmFsdWUiCiAgICAgIDptb2RlPSJtb2RlMiIKICAgICAgQHBhbmVsQ2hhbmdlPSJoYW5kbGVQYW5lbENoYW5nZTIiCiAgICAgIEBjaGFuZ2U9ImhhbmRsZUNoYW5nZSIKICAgIC8+CiAgPC9hLXNwYWNlPgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCBtb2RlMSA9IHJlZigndGltZScpOwogICAgY29uc3QgbW9kZTIgPSByZWYoWydtb250aCcsICdtb250aCddKTsKICAgIGNvbnN0IHZhbHVlID0gcmVmKFtdKTsKICAgIGNvbnN0IGhhbmRsZU9wZW5DaGFuZ2UxID0gb3BlbiA9PiB7CiAgICAgIGlmIChvcGVuKSB7CiAgICAgICAgbW9kZTEudmFsdWUgPSAndGltZSc7CiAgICAgIH0KICAgIH07CiAgICBjb25zdCBoYW5kbGVDaGFuZ2UgPSB2YWwgPT4gewogICAgICB2YWx1ZS52YWx1ZSA9IHZhbDsKICAgIH07CiAgICBjb25zdCBoYW5kbGVQYW5lbENoYW5nZTEgPSAodmFsLCBtb2RlKSA9PiB7CiAgICAgIG1vZGUxLnZhbHVlID0gbW9kZTsKICAgIH07CiAgICBjb25zdCBoYW5kbGVQYW5lbENoYW5nZTIgPSAodmFsLCBtb2RlKSA9PiB7CiAgICAgIHZhbHVlLnZhbHVlID0gdmFsOwogICAgICBtb2RlMi52YWx1ZSA9IFsKICAgICAgICBtb2RlWzBdID09PSAnZGF0ZScgPyAnbW9udGgnIDogbW9kZVswXSwKICAgICAgICBtb2RlWzFdID09PSAnZGF0ZScgPyAnbW9udGgnIDogbW9kZVsxXSwKICAgICAgXTsKICAgIH07CiAgICByZXR1cm4gewogICAgICBtb2RlMSwKICAgICAgbW9kZTIsCiAgICAgIHZhbHVlLAogICAgICBoYW5kbGVPcGVuQ2hhbmdlMSwKICAgICAgaGFuZGxlQ2hhbmdlLAogICAgICBoYW5kbGVQYW5lbENoYW5nZTEsCiAgICAgIGhhbmRsZVBhbmVsQ2hhbmdlMiwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pg=="}},{default:p(()=>[o(i,{direction:"vertical"},{default:p(()=>[o(c,{mode:s.mode1,"show-time":"",onOpenChange:s.handleOpenChange1,onPanelChange:s.handlePanelChange1},null,8,["mode","onOpenChange","onPanelChange"]),o(l,{placeholder:["Start month","End month"],format:"YYYY-MM",value:s.value,mode:s.mode2,onPanelChange:s.handlePanelChange2,onChange:s.handleChange},null,8,["value","mode","onPanelChange","onChange"])]),_:1})]),htmlCode:p(()=>a[0]||(a[0]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-space")]),t(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("vertical"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-date-picker")]),t(`
      `),n("span",{class:"token attr-name"},":mode"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("mode1"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"show-time"),t(`
      `),n("span",{class:"token attr-name"},"@openChange"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("handleOpenChange1"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"@panelChange"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("handlePanelChange1"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-range-picker")]),t(`
      `),n("span",{class:"token attr-name"},":placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("['Start month', 'End month']"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"format"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("YYYY-MM"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":mode"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("mode2"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"@panelChange"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("handlePanelChange2"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("handleChange"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-space")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" Moment "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'moment'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" mode1 "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("string"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'time'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" mode2 "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'month'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'month'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" value "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("Moment"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"handleOpenChange1"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"open"),n("span",{class:"token operator"},":"),t(" boolean")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("open"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
        mode1`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token string"},"'time'"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token punctuation"},"}"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"handleChange"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"val"),n("span",{class:"token operator"},":"),t(" Moment"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      value`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" val"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"handlePanelChange1"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"val"),n("span",{class:"token operator"},":"),t(" Moment"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"mode"),n("span",{class:"token operator"},":"),t(" string")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      mode1`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" mode"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"handlePanelChange2"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"val"),n("span",{class:"token operator"},":"),t(" Moment"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"mode"),n("span",{class:"token operator"},":"),t(" string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      value`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" val"),n("span",{class:"token punctuation"},";"),t(`
      mode2`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),t(`
        mode`),n("span",{class:"token punctuation"},"["),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},"]"),t(),n("span",{class:"token operator"},"==="),t(),n("span",{class:"token string"},"'date'"),t(),n("span",{class:"token operator"},"?"),t(),n("span",{class:"token string"},"'month'"),t(),n("span",{class:"token operator"},":"),t(" mode"),n("span",{class:"token punctuation"},"["),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
        mode`),n("span",{class:"token punctuation"},"["),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},"]"),t(),n("span",{class:"token operator"},"==="),t(),n("span",{class:"token string"},"'date'"),t(),n("span",{class:"token operator"},"?"),t(),n("span",{class:"token string"},"'month'"),t(),n("span",{class:"token operator"},":"),t(" mode"),n("span",{class:"token punctuation"},"["),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      mode1`),n("span",{class:"token punctuation"},","),t(`
      mode2`),n("span",{class:"token punctuation"},","),t(`
      value`),n("span",{class:"token punctuation"},","),t(`
      handleOpenChange1`),n("span",{class:"token punctuation"},","),t(`
      handleChange`),n("span",{class:"token punctuation"},","),t(`
      handlePanelChange1`),n("span",{class:"token punctuation"},","),t(`
      handlePanelChange2`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:p(()=>a[1]||(a[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-space")]),t(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("vertical"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-date-picker")]),t(`
      `),n("span",{class:"token attr-name"},":mode"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("mode1"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"show-time"),t(`
      `),n("span",{class:"token attr-name"},"@openChange"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("handleOpenChange1"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"@panelChange"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("handlePanelChange1"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-range-picker")]),t(`
      `),n("span",{class:"token attr-name"},":placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("['Start month', 'End month']"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"format"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("YYYY-MM"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":mode"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("mode2"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"@panelChange"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("handlePanelChange2"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("handleChange"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-space")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" mode1 "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'time'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" mode2 "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'month'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'month'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"handleOpenChange1"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token parameter"},"open"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("open"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
        mode1`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token string"},"'time'"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token punctuation"},"}"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"handleChange"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token parameter"},"val"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      value`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" val"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"handlePanelChange1"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("val"),n("span",{class:"token punctuation"},","),t(" mode")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      mode1`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" mode"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"handlePanelChange2"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("val"),n("span",{class:"token punctuation"},","),t(" mode")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      value`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" val"),n("span",{class:"token punctuation"},";"),t(`
      mode2`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),t(`
        mode`),n("span",{class:"token punctuation"},"["),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},"]"),t(),n("span",{class:"token operator"},"==="),t(),n("span",{class:"token string"},"'date'"),t(),n("span",{class:"token operator"},"?"),t(),n("span",{class:"token string"},"'month'"),t(),n("span",{class:"token operator"},":"),t(" mode"),n("span",{class:"token punctuation"},"["),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
        mode`),n("span",{class:"token punctuation"},"["),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},"]"),t(),n("span",{class:"token operator"},"==="),t(),n("span",{class:"token string"},"'date'"),t(),n("span",{class:"token operator"},"?"),t(),n("span",{class:"token string"},"'month'"),t(),n("span",{class:"token operator"},":"),t(" mode"),n("span",{class:"token punctuation"},"["),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      mode1`),n("span",{class:"token punctuation"},","),t(`
      mode2`),n("span",{class:"token punctuation"},","),t(`
      value`),n("span",{class:"token punctuation"},","),t(`
      handleOpenChange1`),n("span",{class:"token punctuation"},","),t(`
      handleChange`),n("span",{class:"token punctuation"},","),t(`
      handlePanelChange1`),n("span",{class:"token punctuation"},","),t(`
      handlePanelChange2`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var en=b(an,[["render",sn]]);const on=Z({setup(){return{value1:d([]),value2:d([]),ranges:{Today:[h(),h()],"This Month":[h(),h().endOf("month")]}}}});function pn(s,a,u,m,g,C){const c=e("a-range-picker"),l=e("a-space"),i=e("demo-box");return v(),A(i,{jsfiddle:{us:"We can set presetted ranges to RangePicker to improve user experience.",cn:"\u53EF\u4EE5\u9884\u8BBE\u5E38\u7528\u7684\u65E5\u671F\u8303\u56F4\u4EE5\u63D0\u9AD8\u7528\u6237\u4F53\u9A8C\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u53EF\u4EE5\u9884\u8BBE\u5E38\u7528\u7684\u65E5\u671F\u8303\u56F4\u4EE5\u63D0\u9AD8\u7528\u6237\u4F53\u9A8C\u3002</p>
<h2 id="en-us">en-US</h2>
<p>We can set presetted ranges to RangePicker to improve user experience.</p>
`,order:6,title:{"zh-CN":"\u9884\u8BBE\u8303\u56F4","en-US":"Preset Ranges"},relativePath:"src/docs/date-picker/demo/presetted-ranges.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXNwYWNlIGRpcmVjdGlvbj0idmVydGljYWwiPgogICAgPGEtcmFuZ2UtcGlja2VyIHYtbW9kZWw6dmFsdWU9InZhbHVlMSIgOnJhbmdlcz0icmFuZ2VzIiAvPgogICAgPGEtcmFuZ2UtcGlja2VyCiAgICAgIHN0eWxlPSJ3aWR0aDogNDAwcHgiCiAgICAgIHYtbW9kZWw6dmFsdWU9InZhbHVlMiIKICAgICAgOnJhbmdlcz0icmFuZ2VzIgogICAgICBzaG93LXRpbWUKICAgICAgZm9ybWF0PSJZWVlZL01NL0REIEhIOm1tOnNzIgogICAgLz4KICA8L2Etc3BhY2U+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgbW9tZW50LCB7IE1vbWVudCB9IGZyb20gJ21vbWVudCc7CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIHJldHVybiB7CiAgICAgIHZhbHVlMTogcmVmPE1vbWVudFtdPihbXSksCiAgICAgIHZhbHVlMjogcmVmPE1vbWVudFtdPihbXSksCiAgICAgIHJhbmdlczogeyBUb2RheTogW21vbWVudCgpLCBtb21lbnQoKV0sICdUaGlzIE1vbnRoJzogW21vbWVudCgpLCBtb21lbnQoKS5lbmRPZignbW9udGgnKV0gfSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXNwYWNlIGRpcmVjdGlvbj0idmVydGljYWwiPgogICAgPGEtcmFuZ2UtcGlja2VyIHYtbW9kZWw6dmFsdWU9InZhbHVlMSIgOnJhbmdlcz0icmFuZ2VzIiAvPgogICAgPGEtcmFuZ2UtcGlja2VyCiAgICAgIHN0eWxlPSJ3aWR0aDogNDAwcHgiCiAgICAgIHYtbW9kZWw6dmFsdWU9InZhbHVlMiIKICAgICAgOnJhbmdlcz0icmFuZ2VzIgogICAgICBzaG93LXRpbWUKICAgICAgZm9ybWF0PSJZWVlZL01NL0REIEhIOm1tOnNzIgogICAgLz4KICA8L2Etc3BhY2U+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCBtb21lbnQgZnJvbSAnbW9tZW50JzsKaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgcmV0dXJuIHsKICAgICAgdmFsdWUxOiByZWYoW10pLAogICAgICB2YWx1ZTI6IHJlZihbXSksCiAgICAgIHJhbmdlczogewogICAgICAgIFRvZGF5OiBbbW9tZW50KCksIG1vbWVudCgpXSwKICAgICAgICAnVGhpcyBNb250aCc6IFttb21lbnQoKSwgbW9tZW50KCkuZW5kT2YoJ21vbnRoJyldLAogICAgICB9LAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+"}},{default:p(()=>[o(l,{direction:"vertical"},{default:p(()=>[o(c,{value:s.value1,"onUpdate:value":a[0]||(a[0]=r=>s.value1=r),ranges:s.ranges},null,8,["value","ranges"]),o(c,{style:{width:"400px"},value:s.value2,"onUpdate:value":a[1]||(a[1]=r=>s.value2=r),ranges:s.ranges,"show-time":"",format:"YYYY/MM/DD HH:mm:ss"},null,8,["value","ranges"])]),_:1})]),htmlCode:p(()=>a[2]||(a[2]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-space")]),t(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("vertical"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-range-picker")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value1"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":ranges"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ranges"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-range-picker")]),t(`
      `),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),t(" 400px")]),n("span",{class:"token punctuation"},'"')])]),t(`
      `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value2"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":ranges"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ranges"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"show-time"),t(`
      `),n("span",{class:"token attr-name"},"format"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("YYYY/MM/DD HH:mm:ss"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-space")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(" moment"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"{"),t(" Moment "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'moment'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token literal-property property"},"value1"),n("span",{class:"token operator"},":"),t(" ref"),n("span",{class:"token operator"},"<"),t("Moment"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token literal-property property"},"value2"),n("span",{class:"token operator"},":"),t(" ref"),n("span",{class:"token operator"},"<"),t("Moment"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token literal-property property"},"ranges"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"{"),t(),n("span",{class:"token literal-property property"},"Today"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token function"},"moment"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token function"},"moment"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string-property property"},"'This Month'"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token function"},"moment"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token function"},"moment"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"endOf"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'month'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"]"),t(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:p(()=>a[3]||(a[3]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-space")]),t(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("vertical"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-range-picker")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value1"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":ranges"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ranges"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-range-picker")]),t(`
      `),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),t(" 400px")]),n("span",{class:"token punctuation"},'"')])]),t(`
      `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value2"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":ranges"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ranges"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"show-time"),t(`
      `),n("span",{class:"token attr-name"},"format"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("YYYY/MM/DD HH:mm:ss"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-space")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(" moment "),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'moment'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token literal-property property"},"value1"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token literal-property property"},"value2"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token literal-property property"},"ranges"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token literal-property property"},"Today"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token function"},"moment"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token function"},"moment"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
        `),n("span",{class:"token string-property property"},"'This Month'"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token function"},"moment"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token function"},"moment"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"endOf"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'month'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var cn=b(on,[["render",pn]]);const ln=Z({setup(){const s=d([]),a=d();return{dates:s,value:a,disabledDate:c=>{if(!s.value||s.value.length===0)return!1;const l=c.diff(s.value[0],"days");return Math.abs(l)>7},onOpenChange:c=>{c&&(s.value=[])},onChange:c=>{a.value=c},onCalendarChange:c=>{s.value=c}}}});function un(s,a,u,m,g,C){const c=e("a-range-picker"),l=e("demo-box");return v(),A(l,{jsfiddle:{us:"A example shows how to select a dynamic range by using `onCalendarChange` and `disabledDate`.",cn:"\u8FD9\u91CC\u4E3E\u4F8B\u5982\u4F55\u7528 `onCalendarChange` \u548C `disabledDate` \u6765\u9650\u5236\u52A8\u6001\u7684\u65E5\u671F\u533A\u95F4\u9009\u62E9\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u8FD9\u91CC\u4E3E\u4F8B\u5982\u4F55\u7528 <code>onCalendarChange</code> \u548C <code>disabledDate</code> \u6765\u9650\u5236\u52A8\u6001\u7684\u65E5\u671F\u533A\u95F4\u9009\u62E9\u3002</p>
<h2 id="en-us">en-US</h2>
<p>A example shows how to select a dynamic range by using <code>onCalendarChange</code> and <code>disabledDate</code>.</p>
`,order:5,title:{"zh-CN":"\u9009\u62E9\u4E0D\u8D85\u8FC7\u4E03\u5929\u7684\u8303\u56F4","en-US":"Select range dates in 7 days"},relativePath:"src/docs/date-picker/demo/select-in-range.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXJhbmdlLXBpY2tlcgogICAgdi1tb2RlbDp2YWx1ZT0idmFsdWUiCiAgICA6ZGlzYWJsZWREYXRlPSJkaXNhYmxlZERhdGUiCiAgICBAY2hhbmdlPSJvbkNoYW5nZSIKICAgIEBvcGVuQ2hhbmdlPSJvbk9wZW5DaGFuZ2UiCiAgICBAY2FsZW5kYXJDaGFuZ2U9Im9uQ2FsZW5kYXJDaGFuZ2UiCiAgLz4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyI+CmltcG9ydCB7IE1vbWVudCB9IGZyb20gJ21vbWVudCc7CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IGRhdGVzID0gcmVmPE1vbWVudFtdPihbXSk7CiAgICBjb25zdCB2YWx1ZSA9IHJlZjxNb21lbnRbXT4oKTsKCiAgICBjb25zdCBkaXNhYmxlZERhdGUgPSAoY3VycmVudDogTW9tZW50KSA9PiB7CiAgICAgIGlmICghZGF0ZXMudmFsdWUgfHwgZGF0ZXMudmFsdWUubGVuZ3RoID09PSAwKSB7CiAgICAgICAgcmV0dXJuIGZhbHNlOwogICAgICB9CiAgICAgIGNvbnN0IGRpZmZEYXRlID0gY3VycmVudC5kaWZmKGRhdGVzLnZhbHVlWzBdLCAnZGF5cycpOwogICAgICByZXR1cm4gTWF0aC5hYnMoZGlmZkRhdGUpID4gNzsKICAgIH07CgogICAgY29uc3Qgb25PcGVuQ2hhbmdlID0gKG9wZW46IGJvb2xlYW4pID0+IHsKICAgICAgaWYgKG9wZW4pIHsKICAgICAgICBkYXRlcy52YWx1ZSA9IFtdOwogICAgICB9CiAgICB9OwoKICAgIGNvbnN0IG9uQ2hhbmdlID0gKHZhbDogTW9tZW50W10pID0+IHsKICAgICAgdmFsdWUudmFsdWUgPSB2YWw7CiAgICB9OwoKICAgIGNvbnN0IG9uQ2FsZW5kYXJDaGFuZ2UgPSAodmFsOiBNb21lbnRbXSkgPT4gewogICAgICBkYXRlcy52YWx1ZSA9IHZhbDsKICAgIH07CgogICAgcmV0dXJuIHsKICAgICAgZGF0ZXMsCiAgICAgIHZhbHVlLAogICAgICBkaXNhYmxlZERhdGUsCiAgICAgIG9uT3BlbkNoYW5nZSwKICAgICAgb25DaGFuZ2UsCiAgICAgIG9uQ2FsZW5kYXJDaGFuZ2UsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4KCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXJhbmdlLXBpY2tlcgogICAgdi1tb2RlbDp2YWx1ZT0idmFsdWUiCiAgICA6ZGlzYWJsZWREYXRlPSJkaXNhYmxlZERhdGUiCiAgICBAY2hhbmdlPSJvbkNoYW5nZSIKICAgIEBvcGVuQ2hhbmdlPSJvbk9wZW5DaGFuZ2UiCiAgICBAY2FsZW5kYXJDaGFuZ2U9Im9uQ2FsZW5kYXJDaGFuZ2UiCiAgLz4KPC90ZW1wbGF0ZT4KPHNjcmlwdD4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3QgZGF0ZXMgPSByZWYoW10pOwogICAgY29uc3QgdmFsdWUgPSByZWYoKTsKICAgIGNvbnN0IGRpc2FibGVkRGF0ZSA9IGN1cnJlbnQgPT4gewogICAgICBpZiAoIWRhdGVzLnZhbHVlIHx8IGRhdGVzLnZhbHVlLmxlbmd0aCA9PT0gMCkgewogICAgICAgIHJldHVybiBmYWxzZTsKICAgICAgfQogICAgICBjb25zdCBkaWZmRGF0ZSA9IGN1cnJlbnQuZGlmZihkYXRlcy52YWx1ZVswXSwgJ2RheXMnKTsKICAgICAgcmV0dXJuIE1hdGguYWJzKGRpZmZEYXRlKSA+IDc7CiAgICB9OwogICAgY29uc3Qgb25PcGVuQ2hhbmdlID0gb3BlbiA9PiB7CiAgICAgIGlmIChvcGVuKSB7CiAgICAgICAgZGF0ZXMudmFsdWUgPSBbXTsKICAgICAgfQogICAgfTsKICAgIGNvbnN0IG9uQ2hhbmdlID0gdmFsID0+IHsKICAgICAgdmFsdWUudmFsdWUgPSB2YWw7CiAgICB9OwogICAgY29uc3Qgb25DYWxlbmRhckNoYW5nZSA9IHZhbCA9PiB7CiAgICAgIGRhdGVzLnZhbHVlID0gdmFsOwogICAgfTsKICAgIHJldHVybiB7CiAgICAgIGRhdGVzLAogICAgICB2YWx1ZSwKICAgICAgZGlzYWJsZWREYXRlLAogICAgICBvbk9wZW5DaGFuZ2UsCiAgICAgIG9uQ2hhbmdlLAogICAgICBvbkNhbGVuZGFyQ2hhbmdlLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+"}},{default:p(()=>[o(c,{value:s.value,"onUpdate:value":a[0]||(a[0]=i=>s.value=i),disabledDate:s.disabledDate,onChange:s.onChange,onOpenChange:s.onOpenChange,onCalendarChange:s.onCalendarChange},null,8,["value","disabledDate","onChange","onOpenChange","onCalendarChange"])]),htmlCode:p(()=>a[1]||(a[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-range-picker")]),t(`
    `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},":disabledDate"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("disabledDate"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onChange"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},"@openChange"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onOpenChange"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},"@calendarChange"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onCalendarChange"),n("span",{class:"token punctuation"},'"')]),t(`
  `),n("span",{class:"token punctuation"},"/>")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" Moment "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'moment'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" dates "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("Moment"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" value "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("Moment"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"disabledDate"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"current"),n("span",{class:"token operator"},":"),t(" Moment")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token operator"},"!"),t("dates"),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"||"),t(" dates"),n("span",{class:"token punctuation"},"."),t("value"),n("span",{class:"token punctuation"},"."),t("length "),n("span",{class:"token operator"},"==="),t(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token punctuation"},"}"),t(`
      `),n("span",{class:"token keyword"},"const"),t(" diffDate "),n("span",{class:"token operator"},"="),t(" current"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"diff"),n("span",{class:"token punctuation"},"("),t("dates"),n("span",{class:"token punctuation"},"."),t("value"),n("span",{class:"token punctuation"},"["),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'days'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token keyword"},"return"),t(" Math"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"abs"),n("span",{class:"token punctuation"},"("),t("diffDate"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},">"),t(),n("span",{class:"token number"},"7"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onOpenChange"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"open"),n("span",{class:"token operator"},":"),t(" boolean")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("open"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
        dates`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token punctuation"},"}"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onChange"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"val"),n("span",{class:"token operator"},":"),t(" Moment"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      value`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" val"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onCalendarChange"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"val"),n("span",{class:"token operator"},":"),t(" Moment"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      dates`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" val"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      dates`),n("span",{class:"token punctuation"},","),t(`
      value`),n("span",{class:"token punctuation"},","),t(`
      disabledDate`),n("span",{class:"token punctuation"},","),t(`
      onOpenChange`),n("span",{class:"token punctuation"},","),t(`
      onChange`),n("span",{class:"token punctuation"},","),t(`
      onCalendarChange`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:p(()=>a[2]||(a[2]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-range-picker")]),t(`
    `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("value"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},":disabledDate"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("disabledDate"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onChange"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},"@openChange"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onOpenChange"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token attr-name"},"@calendarChange"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onCalendarChange"),n("span",{class:"token punctuation"},'"')]),t(`
  `),n("span",{class:"token punctuation"},"/>")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" dates "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"disabledDate"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token parameter"},"current"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token operator"},"!"),t("dates"),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"||"),t(" dates"),n("span",{class:"token punctuation"},"."),t("value"),n("span",{class:"token punctuation"},"."),t("length "),n("span",{class:"token operator"},"==="),t(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token punctuation"},"}"),t(`
      `),n("span",{class:"token keyword"},"const"),t(" diffDate "),n("span",{class:"token operator"},"="),t(" current"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"diff"),n("span",{class:"token punctuation"},"("),t("dates"),n("span",{class:"token punctuation"},"."),t("value"),n("span",{class:"token punctuation"},"["),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'days'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token keyword"},"return"),t(" Math"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"abs"),n("span",{class:"token punctuation"},"("),t("diffDate"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},">"),t(),n("span",{class:"token number"},"7"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onOpenChange"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token parameter"},"open"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),t("open"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
        dates`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token punctuation"},"}"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onChange"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token parameter"},"val"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      value`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" val"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onCalendarChange"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token parameter"},"val"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      dates`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" val"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      dates`),n("span",{class:"token punctuation"},","),t(`
      value`),n("span",{class:"token punctuation"},","),t(`
      disabledDate`),n("span",{class:"token punctuation"},","),t(`
      onOpenChange`),n("span",{class:"token punctuation"},","),t(`
      onChange`),n("span",{class:"token punctuation"},","),t(`
      onCalendarChange`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var kn=b(ln,[["render",un]]);const rn=Z({setup(){return{size:d("default"),moment:h}}});function dn(s,a,u,m,g,C){const c=e("a-radio-button"),l=e("a-radio-group"),i=e("a-date-picker"),r=e("a-month-picker"),I=e("a-range-picker"),k=e("a-week-picker"),f=e("a-space"),W=e("demo-box");return v(),A(W,{jsfiddle:{us:"The input box comes in three sizes. `default` will be used if `size` is omitted.",cn:"\u4E09\u79CD\u5927\u5C0F\u7684\u8F93\u5165\u6846\uFF0C\u82E5\u4E0D\u8BBE\u7F6E\uFF0C\u5219\u4E3A `default`\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u4E09\u79CD\u5927\u5C0F\u7684\u8F93\u5165\u6846\uFF0C\u82E5\u4E0D\u8BBE\u7F6E\uFF0C\u5219\u4E3A <code>default</code>\u3002</p>
<h2 id="en-us">en-US</h2>
<p>The input box comes in three sizes. <code>default</code> will be used if <code>size</code> is omitted.</p>
`,order:8,title:{"zh-CN":"\u4E09\u79CD\u5927\u5C0F","en-US":"Three Sizes"},relativePath:"src/docs/date-picker/demo/size.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXNwYWNlIGRpcmVjdGlvbj0idmVydGljYWwiPgogICAgPGEtcmFkaW8tZ3JvdXAgdi1tb2RlbDp2YWx1ZT0ic2l6ZSI+CiAgICAgIDxhLXJhZGlvLWJ1dHRvbiB2YWx1ZT0ibGFyZ2UiPkxhcmdlPC9hLXJhZGlvLWJ1dHRvbj4KICAgICAgPGEtcmFkaW8tYnV0dG9uIHZhbHVlPSJkZWZhdWx0Ij5EZWZhdWx0PC9hLXJhZGlvLWJ1dHRvbj4KICAgICAgPGEtcmFkaW8tYnV0dG9uIHZhbHVlPSJzbWFsbCI+U21hbGw8L2EtcmFkaW8tYnV0dG9uPgogICAgPC9hLXJhZGlvLWdyb3VwPgogICAgPGEtZGF0ZS1waWNrZXIgOnNpemU9InNpemUiIC8+CiAgICA8YS1tb250aC1waWNrZXIgOnNpemU9InNpemUiIHBsYWNlaG9sZGVyPSJTZWxlY3QgTW9udGgiIC8+CiAgICA8YS1yYW5nZS1waWNrZXIgOnNpemU9InNpemUiIC8+CiAgICA8YS13ZWVrLXBpY2tlciA6c2l6ZT0ic2l6ZSIgcGxhY2Vob2xkZXI9IlNlbGVjdCBXZWVrIiAvPgogIDwvYS1zcGFjZT4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyI+CmltcG9ydCBtb21lbnQgZnJvbSAnbW9tZW50JzsKaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgcmV0dXJuIHsKICAgICAgc2l6ZTogcmVmPHN0cmluZz4oJ2RlZmF1bHQnKSwKICAgICAgbW9tZW50LAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXNwYWNlIGRpcmVjdGlvbj0idmVydGljYWwiPgogICAgPGEtcmFkaW8tZ3JvdXAgdi1tb2RlbDp2YWx1ZT0ic2l6ZSI+CiAgICAgIDxhLXJhZGlvLWJ1dHRvbiB2YWx1ZT0ibGFyZ2UiPkxhcmdlPC9hLXJhZGlvLWJ1dHRvbj4KICAgICAgPGEtcmFkaW8tYnV0dG9uIHZhbHVlPSJkZWZhdWx0Ij5EZWZhdWx0PC9hLXJhZGlvLWJ1dHRvbj4KICAgICAgPGEtcmFkaW8tYnV0dG9uIHZhbHVlPSJzbWFsbCI+U21hbGw8L2EtcmFkaW8tYnV0dG9uPgogICAgPC9hLXJhZGlvLWdyb3VwPgogICAgPGEtZGF0ZS1waWNrZXIgOnNpemU9InNpemUiIC8+CiAgICA8YS1tb250aC1waWNrZXIgOnNpemU9InNpemUiIHBsYWNlaG9sZGVyPSJTZWxlY3QgTW9udGgiIC8+CiAgICA8YS1yYW5nZS1waWNrZXIgOnNpemU9InNpemUiIC8+CiAgICA8YS13ZWVrLXBpY2tlciA6c2l6ZT0ic2l6ZSIgcGxhY2Vob2xkZXI9IlNlbGVjdCBXZWVrIiAvPgogIDwvYS1zcGFjZT4KPC90ZW1wbGF0ZT4KPHNjcmlwdD4KaW1wb3J0IG1vbWVudCBmcm9tICdtb21lbnQnOwppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICByZXR1cm4gewogICAgICBzaXplOiByZWYoJ2RlZmF1bHQnKSwKICAgICAgbW9tZW50LAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+"}},{default:p(()=>[o(f,{direction:"vertical"},{default:p(()=>[o(l,{value:s.size,"onUpdate:value":a[0]||(a[0]=w=>s.size=w)},{default:p(()=>[o(c,{value:"large"},{default:p(()=>a[1]||(a[1]=[t("Large")])),_:1,__:[1]}),o(c,{value:"default"},{default:p(()=>a[2]||(a[2]=[t("Default")])),_:1,__:[2]}),o(c,{value:"small"},{default:p(()=>a[3]||(a[3]=[t("Small")])),_:1,__:[3]})]),_:1},8,["value"]),o(i,{size:s.size},null,8,["size"]),o(r,{size:s.size,placeholder:"Select Month"},null,8,["size"]),o(I,{size:s.size},null,8,["size"]),o(k,{size:s.size,placeholder:"Select Week"},null,8,["size"])]),_:1})]),htmlCode:p(()=>a[4]||(a[4]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-space")]),t(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("vertical"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-radio-group")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("size"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-radio-button")]),t(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("large"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Large"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-radio-button")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-radio-button")]),t(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("default"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Default"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-radio-button")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-radio-button")]),t(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("small"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Small"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-radio-button")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-radio-group")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-date-picker")]),t(),n("span",{class:"token attr-name"},":size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("size"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-month-picker")]),t(),n("span",{class:"token attr-name"},":size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("size"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Select Month"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-range-picker")]),t(),n("span",{class:"token attr-name"},":size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("size"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-week-picker")]),t(),n("span",{class:"token attr-name"},":size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("size"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Select Week"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-space")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(" moment "),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'moment'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token literal-property property"},"size"),n("span",{class:"token operator"},":"),t(" ref"),n("span",{class:"token operator"},"<"),t("string"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'default'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
      moment`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:p(()=>a[5]||(a[5]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-space")]),t(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("vertical"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-radio-group")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("size"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-radio-button")]),t(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("large"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Large"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-radio-button")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-radio-button")]),t(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("default"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Default"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-radio-button")]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-radio-button")]),t(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("small"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Small"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-radio-button")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-radio-group")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-date-picker")]),t(),n("span",{class:"token attr-name"},":size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("size"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-month-picker")]),t(),n("span",{class:"token attr-name"},":size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("size"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Select Month"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-range-picker")]),t(),n("span",{class:"token attr-name"},":size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("size"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-week-picker")]),t(),n("span",{class:"token attr-name"},":size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("size"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Select Week"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-space")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(" moment "),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'moment'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token literal-property property"},"size"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'default'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),t(`
      moment`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var gn=b(rn,[["render",dn]]);const mn=Z({setup(){const s=d(),a=d(),u=d(!1),m=l=>!l||!a.value?!1:l.valueOf()>a.value.valueOf(),g=l=>!l||!s.value?!1:s.value.valueOf()>=l.valueOf(),C=l=>{l||(u.value=!0)},c=l=>{u.value=l};return Y(s,()=>{console.log("startValue",s.value)}),Y(a,()=>{console.log("endValue",a.value)}),{startValue:s,endValue:a,endOpen:u,disabledStartDate:m,disabledEndDate:g,handleStartOpenChange:C,handleEndOpenChange:c}}});function Cn(s,a,u,m,g,C){const c=e("a-date-picker"),l=e("a-space"),i=e("demo-box");return v(),A(i,{jsfiddle:{us:"When `RangePicker` does not satisfied your requirements, try to implement similar functionality with two `DatePicker`.",cn:"\u5F53 `RangePicker` \u65E0\u6CD5\u6EE1\u8DB3\u4E1A\u52A1\u9700\u6C42\u65F6\uFF0C\u53EF\u4EE5\u4F7F\u7528\u4E24\u4E2A `DatePicker` \u5B9E\u73B0\u7C7B\u4F3C\u7684\u529F\u80FD\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u5F53 <code>RangePicker</code> \u65E0\u6CD5\u6EE1\u8DB3\u4E1A\u52A1\u9700\u6C42\u65F6\uFF0C\u53EF\u4EE5\u4F7F\u7528\u4E24\u4E2A <code>DatePicker</code> \u5B9E\u73B0\u7C7B\u4F3C\u7684\u529F\u80FD\u3002</p>
<blockquote>
<ul>
<li>\u901A\u8FC7\u8BBE\u7F6E <code>disabledDate</code> \u65B9\u6CD5\uFF0C\u6765\u7EA6\u675F\u5F00\u59CB\u548C\u7ED3\u675F\u65E5\u671F\u3002</li>
<li>\u901A\u8FC7 <code>open</code> <code>openChange</code> \u6765\u4F18\u5316\u4EA4\u4E92\u3002</li>
</ul>
</blockquote>
<h2 id="en-us">en-US</h2>
<p>When <code>RangePicker</code> does not satisfied your requirements, try to implement similar functionality with two <code>DatePicker</code>.</p>
<blockquote>
<ul>
<li>Use the <code>disabledDate</code> property to limit the start and end dates.</li>
<li>Improve user experience with <code>open</code> and <code>openChange</code>.</li>
</ul>
</blockquote>
`,order:11,title:{"zh-CN":"\u81EA\u5B9A\u4E49\u65E5\u671F\u8303\u56F4\u9009\u62E9","en-US":"Customized Range Picker"},relativePath:"src/docs/date-picker/demo/start-end.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXNwYWNlIGRpcmVjdGlvbj0idmVydGljYWwiPgogICAgPGEtZGF0ZS1waWNrZXIKICAgICAgdi1tb2RlbDp2YWx1ZT0ic3RhcnRWYWx1ZSIKICAgICAgOmRpc2FibGVkLWRhdGU9ImRpc2FibGVkU3RhcnREYXRlIgogICAgICBzaG93LXRpbWUKICAgICAgZm9ybWF0PSJZWVlZLU1NLUREIEhIOm1tOnNzIgogICAgICBwbGFjZWhvbGRlcj0iU3RhcnQiCiAgICAgIEBvcGVuQ2hhbmdlPSJoYW5kbGVTdGFydE9wZW5DaGFuZ2UiCiAgICAvPgogICAgPGEtZGF0ZS1waWNrZXIKICAgICAgdi1tb2RlbDp2YWx1ZT0iZW5kVmFsdWUiCiAgICAgIDpkaXNhYmxlZC1kYXRlPSJkaXNhYmxlZEVuZERhdGUiCiAgICAgIHNob3ctdGltZQogICAgICBmb3JtYXQ9IllZWVktTU0tREQgSEg6bW06c3MiCiAgICAgIHBsYWNlaG9sZGVyPSJFbmQiCiAgICAgIDpvcGVuPSJlbmRPcGVuIgogICAgICBAb3BlbkNoYW5nZT0iaGFuZGxlRW5kT3BlbkNoYW5nZSIKICAgIC8+CiAgPC9hLXNwYWNlPgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IHsgTW9tZW50IH0gZnJvbSAnbW9tZW50JzsKaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYsIHdhdGNoIH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IHN0YXJ0VmFsdWUgPSByZWY8TW9tZW50IHwgdW5kZWZpbmVkPigpOwogICAgY29uc3QgZW5kVmFsdWUgPSByZWY8TW9tZW50PigpOwogICAgY29uc3QgZW5kT3BlbiA9IHJlZjxib29sZWFuPihmYWxzZSk7CgogICAgY29uc3QgZGlzYWJsZWRTdGFydERhdGUgPSAoc3RhcnRWYWx1ZTogTW9tZW50KSA9PiB7CiAgICAgIGlmICghc3RhcnRWYWx1ZSB8fCAhZW5kVmFsdWUudmFsdWUpIHsKICAgICAgICByZXR1cm4gZmFsc2U7CiAgICAgIH0KCiAgICAgIHJldHVybiBzdGFydFZhbHVlLnZhbHVlT2YoKSA+IGVuZFZhbHVlLnZhbHVlLnZhbHVlT2YoKTsKICAgIH07CgogICAgY29uc3QgZGlzYWJsZWRFbmREYXRlID0gKGVuZFZhbHVlOiBNb21lbnQpID0+IHsKICAgICAgaWYgKCFlbmRWYWx1ZSB8fCAhc3RhcnRWYWx1ZS52YWx1ZSkgewogICAgICAgIHJldHVybiBmYWxzZTsKICAgICAgfQoKICAgICAgcmV0dXJuIHN0YXJ0VmFsdWUudmFsdWUudmFsdWVPZigpID49IGVuZFZhbHVlLnZhbHVlT2YoKTsKICAgIH07CgogICAgY29uc3QgaGFuZGxlU3RhcnRPcGVuQ2hhbmdlID0gKG9wZW46IGJvb2xlYW4pID0+IHsKICAgICAgaWYgKCFvcGVuKSB7CiAgICAgICAgZW5kT3Blbi52YWx1ZSA9IHRydWU7CiAgICAgIH0KICAgIH07CgogICAgY29uc3QgaGFuZGxlRW5kT3BlbkNoYW5nZSA9IChvcGVuOiBib29sZWFuKSA9PiB7CiAgICAgIGVuZE9wZW4udmFsdWUgPSBvcGVuOwogICAgfTsKCiAgICB3YXRjaChzdGFydFZhbHVlLCAoKSA9PiB7CiAgICAgIGNvbnNvbGUubG9nKCdzdGFydFZhbHVlJywgc3RhcnRWYWx1ZS52YWx1ZSk7CiAgICB9KTsKCiAgICB3YXRjaChlbmRWYWx1ZSwgKCkgPT4gewogICAgICBjb25zb2xlLmxvZygnZW5kVmFsdWUnLCBlbmRWYWx1ZS52YWx1ZSk7CiAgICB9KTsKCiAgICByZXR1cm4gewogICAgICBzdGFydFZhbHVlLAogICAgICBlbmRWYWx1ZSwKICAgICAgZW5kT3BlbiwKICAgICAgZGlzYWJsZWRTdGFydERhdGUsCiAgICAgIGRpc2FibGVkRW5kRGF0ZSwKICAgICAgaGFuZGxlU3RhcnRPcGVuQ2hhbmdlLAogICAgICBoYW5kbGVFbmRPcGVuQ2hhbmdlLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXNwYWNlIGRpcmVjdGlvbj0idmVydGljYWwiPgogICAgPGEtZGF0ZS1waWNrZXIKICAgICAgdi1tb2RlbDp2YWx1ZT0ic3RhcnRWYWx1ZSIKICAgICAgOmRpc2FibGVkLWRhdGU9ImRpc2FibGVkU3RhcnREYXRlIgogICAgICBzaG93LXRpbWUKICAgICAgZm9ybWF0PSJZWVlZLU1NLUREIEhIOm1tOnNzIgogICAgICBwbGFjZWhvbGRlcj0iU3RhcnQiCiAgICAgIEBvcGVuQ2hhbmdlPSJoYW5kbGVTdGFydE9wZW5DaGFuZ2UiCiAgICAvPgogICAgPGEtZGF0ZS1waWNrZXIKICAgICAgdi1tb2RlbDp2YWx1ZT0iZW5kVmFsdWUiCiAgICAgIDpkaXNhYmxlZC1kYXRlPSJkaXNhYmxlZEVuZERhdGUiCiAgICAgIHNob3ctdGltZQogICAgICBmb3JtYXQ9IllZWVktTU0tREQgSEg6bW06c3MiCiAgICAgIHBsYWNlaG9sZGVyPSJFbmQiCiAgICAgIDpvcGVuPSJlbmRPcGVuIgogICAgICBAb3BlbkNoYW5nZT0iaGFuZGxlRW5kT3BlbkNoYW5nZSIKICAgIC8+CiAgPC9hLXNwYWNlPgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiwgd2F0Y2ggfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3Qgc3RhcnRWYWx1ZSA9IHJlZigpOwogICAgY29uc3QgZW5kVmFsdWUgPSByZWYoKTsKICAgIGNvbnN0IGVuZE9wZW4gPSByZWYoZmFsc2UpOwogICAgY29uc3QgZGlzYWJsZWRTdGFydERhdGUgPSBzdGFydFZhbHVlID0+IHsKICAgICAgaWYgKCFzdGFydFZhbHVlIHx8ICFlbmRWYWx1ZS52YWx1ZSkgewogICAgICAgIHJldHVybiBmYWxzZTsKICAgICAgfQogICAgICByZXR1cm4gc3RhcnRWYWx1ZS52YWx1ZU9mKCkgPiBlbmRWYWx1ZS52YWx1ZS52YWx1ZU9mKCk7CiAgICB9OwogICAgY29uc3QgZGlzYWJsZWRFbmREYXRlID0gZW5kVmFsdWUgPT4gewogICAgICBpZiAoIWVuZFZhbHVlIHx8ICFzdGFydFZhbHVlLnZhbHVlKSB7CiAgICAgICAgcmV0dXJuIGZhbHNlOwogICAgICB9CiAgICAgIHJldHVybiBzdGFydFZhbHVlLnZhbHVlLnZhbHVlT2YoKSA+PSBlbmRWYWx1ZS52YWx1ZU9mKCk7CiAgICB9OwogICAgY29uc3QgaGFuZGxlU3RhcnRPcGVuQ2hhbmdlID0gb3BlbiA9PiB7CiAgICAgIGlmICghb3BlbikgewogICAgICAgIGVuZE9wZW4udmFsdWUgPSB0cnVlOwogICAgICB9CiAgICB9OwogICAgY29uc3QgaGFuZGxlRW5kT3BlbkNoYW5nZSA9IG9wZW4gPT4gewogICAgICBlbmRPcGVuLnZhbHVlID0gb3BlbjsKICAgIH07CiAgICB3YXRjaChzdGFydFZhbHVlLCAoKSA9PiB7CiAgICAgIGNvbnNvbGUubG9nKCdzdGFydFZhbHVlJywgc3RhcnRWYWx1ZS52YWx1ZSk7CiAgICB9KTsKICAgIHdhdGNoKGVuZFZhbHVlLCAoKSA9PiB7CiAgICAgIGNvbnNvbGUubG9nKCdlbmRWYWx1ZScsIGVuZFZhbHVlLnZhbHVlKTsKICAgIH0pOwogICAgcmV0dXJuIHsKICAgICAgc3RhcnRWYWx1ZSwKICAgICAgZW5kVmFsdWUsCiAgICAgIGVuZE9wZW4sCiAgICAgIGRpc2FibGVkU3RhcnREYXRlLAogICAgICBkaXNhYmxlZEVuZERhdGUsCiAgICAgIGhhbmRsZVN0YXJ0T3BlbkNoYW5nZSwKICAgICAgaGFuZGxlRW5kT3BlbkNoYW5nZSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pg=="}},{default:p(()=>[o(l,{direction:"vertical"},{default:p(()=>[o(c,{value:s.startValue,"onUpdate:value":a[0]||(a[0]=r=>s.startValue=r),"disabled-date":s.disabledStartDate,"show-time":"",format:"YYYY-MM-DD HH:mm:ss",placeholder:"Start",onOpenChange:s.handleStartOpenChange},null,8,["value","disabled-date","onOpenChange"]),o(c,{value:s.endValue,"onUpdate:value":a[1]||(a[1]=r=>s.endValue=r),"disabled-date":s.disabledEndDate,"show-time":"",format:"YYYY-MM-DD HH:mm:ss",placeholder:"End",open:s.endOpen,onOpenChange:s.handleEndOpenChange},null,8,["value","disabled-date","open","onOpenChange"])]),_:1})]),htmlCode:p(()=>a[2]||(a[2]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-space")]),t(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("vertical"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-date-picker")]),t(`
      `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("startValue"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":disabled-date"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("disabledStartDate"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"show-time"),t(`
      `),n("span",{class:"token attr-name"},"format"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("YYYY-MM-DD HH:mm:ss"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Start"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"@openChange"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("handleStartOpenChange"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-date-picker")]),t(`
      `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("endValue"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":disabled-date"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("disabledEndDate"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"show-time"),t(`
      `),n("span",{class:"token attr-name"},"format"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("YYYY-MM-DD HH:mm:ss"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("End"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":open"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("endOpen"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"@openChange"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("handleEndOpenChange"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-space")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" Moment "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'moment'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref"),n("span",{class:"token punctuation"},","),t(" watch "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" startValue "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("Moment "),n("span",{class:"token operator"},"|"),t(),n("span",{class:"token keyword"},"undefined"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" endValue "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("Moment"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" endOpen "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("boolean"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"disabledStartDate"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"startValue"),n("span",{class:"token operator"},":"),t(" Moment")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token operator"},"!"),t("startValue "),n("span",{class:"token operator"},"||"),t(),n("span",{class:"token operator"},"!"),t("endValue"),n("span",{class:"token punctuation"},"."),t("value"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token punctuation"},"}"),t(`

      `),n("span",{class:"token keyword"},"return"),t(" startValue"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"valueOf"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},">"),t(" endValue"),n("span",{class:"token punctuation"},"."),t("value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"valueOf"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"disabledEndDate"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"endValue"),n("span",{class:"token operator"},":"),t(" Moment")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token operator"},"!"),t("endValue "),n("span",{class:"token operator"},"||"),t(),n("span",{class:"token operator"},"!"),t("startValue"),n("span",{class:"token punctuation"},"."),t("value"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token punctuation"},"}"),t(`

      `),n("span",{class:"token keyword"},"return"),t(" startValue"),n("span",{class:"token punctuation"},"."),t("value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"valueOf"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},">="),t(" endValue"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"valueOf"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"handleStartOpenChange"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"open"),n("span",{class:"token operator"},":"),t(" boolean")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token operator"},"!"),t("open"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
        endOpen`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token punctuation"},"}"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"handleEndOpenChange"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"open"),n("span",{class:"token operator"},":"),t(" boolean")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      endOpen`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" open"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token function"},"watch"),n("span",{class:"token punctuation"},"("),t("startValue"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'startValue'"),n("span",{class:"token punctuation"},","),t(" startValue"),n("span",{class:"token punctuation"},"."),t("value"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token function"},"watch"),n("span",{class:"token punctuation"},"("),t("endValue"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'endValue'"),n("span",{class:"token punctuation"},","),t(" endValue"),n("span",{class:"token punctuation"},"."),t("value"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      startValue`),n("span",{class:"token punctuation"},","),t(`
      endValue`),n("span",{class:"token punctuation"},","),t(`
      endOpen`),n("span",{class:"token punctuation"},","),t(`
      disabledStartDate`),n("span",{class:"token punctuation"},","),t(`
      disabledEndDate`),n("span",{class:"token punctuation"},","),t(`
      handleStartOpenChange`),n("span",{class:"token punctuation"},","),t(`
      handleEndOpenChange`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:p(()=>a[3]||(a[3]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-space")]),t(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("vertical"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-date-picker")]),t(`
      `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("startValue"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":disabled-date"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("disabledStartDate"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"show-time"),t(`
      `),n("span",{class:"token attr-name"},"format"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("YYYY-MM-DD HH:mm:ss"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Start"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"@openChange"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("handleStartOpenChange"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-date-picker")]),t(`
      `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("endValue"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":disabled-date"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("disabledEndDate"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"show-time"),t(`
      `),n("span",{class:"token attr-name"},"format"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("YYYY-MM-DD HH:mm:ss"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("End"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":open"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("endOpen"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"@openChange"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("handleEndOpenChange"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-space")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref"),n("span",{class:"token punctuation"},","),t(" watch "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" startValue "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" endValue "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" endOpen "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"disabledStartDate"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token parameter"},"startValue"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token operator"},"!"),t("startValue "),n("span",{class:"token operator"},"||"),t(),n("span",{class:"token operator"},"!"),t("endValue"),n("span",{class:"token punctuation"},"."),t("value"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token punctuation"},"}"),t(`
      `),n("span",{class:"token keyword"},"return"),t(" startValue"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"valueOf"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},">"),t(" endValue"),n("span",{class:"token punctuation"},"."),t("value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"valueOf"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"disabledEndDate"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token parameter"},"endValue"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token operator"},"!"),t("endValue "),n("span",{class:"token operator"},"||"),t(),n("span",{class:"token operator"},"!"),t("startValue"),n("span",{class:"token punctuation"},"."),t("value"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
        `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token punctuation"},"}"),t(`
      `),n("span",{class:"token keyword"},"return"),t(" startValue"),n("span",{class:"token punctuation"},"."),t("value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"valueOf"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},">="),t(" endValue"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"valueOf"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"handleStartOpenChange"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token parameter"},"open"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token keyword"},"if"),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token operator"},"!"),t("open"),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
        endOpen`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},";"),t(`
      `),n("span",{class:"token punctuation"},"}"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"handleEndOpenChange"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token parameter"},"open"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      endOpen`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" open"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token function"},"watch"),n("span",{class:"token punctuation"},"("),t("startValue"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'startValue'"),n("span",{class:"token punctuation"},","),t(" startValue"),n("span",{class:"token punctuation"},"."),t("value"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token function"},"watch"),n("span",{class:"token punctuation"},"("),t("endValue"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'endValue'"),n("span",{class:"token punctuation"},","),t(" endValue"),n("span",{class:"token punctuation"},"."),t("value"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      startValue`),n("span",{class:"token punctuation"},","),t(`
      endValue`),n("span",{class:"token punctuation"},","),t(`
      endOpen`),n("span",{class:"token punctuation"},","),t(`
      disabledStartDate`),n("span",{class:"token punctuation"},","),t(`
      disabledEndDate`),n("span",{class:"token punctuation"},","),t(`
      handleStartOpenChange`),n("span",{class:"token punctuation"},","),t(`
      handleEndOpenChange`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var In=b(mn,[["render",Cn]]);const hn=Z({setup(){return{onChange:(u,m)=>{console.log("Selected Time: ",u),console.log("Formatted Selected Time: ",m)},onOk:u=>{console.log("onOk: ",u)}}}});function bn(s,a,u,m,g,C){const c=e("a-date-picker"),l=e("a-range-picker"),i=e("a-space"),r=e("demo-box");return v(),A(r,{jsfiddle:{us:"This property provide an additional time selection. When `showTime` is an Object, its properties will be passed on to built-in `TimePicker`.",cn:"\u589E\u52A0\u9009\u62E9\u65F6\u95F4\u529F\u80FD\uFF0C\u5F53 `showTime` \u4E3A\u4E00\u4E2A\u5BF9\u8C61\u65F6\uFF0C\u5176\u5C5E\u6027\u4F1A\u4F20\u9012\u7ED9\u5185\u5EFA\u7684 `TimePicker`\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u589E\u52A0\u9009\u62E9\u65F6\u95F4\u529F\u80FD\uFF0C\u5F53 <code>showTime</code> \u4E3A\u4E00\u4E2A\u5BF9\u8C61\u65F6\uFF0C\u5176\u5C5E\u6027\u4F1A\u4F20\u9012\u7ED9\u5185\u5EFA\u7684 <code>TimePicker</code>\u3002</p>
<h2 id="en-us">en-US</h2>
<p>This property provide an additional time selection. When <code>showTime</code> is an Object, its properties will be passed on to built-in <code>TimePicker</code>.</p>
`,order:2,title:{"zh-CN":"\u65E5\u671F\u65F6\u95F4\u9009\u62E9","en-US":"Choose Time"},relativePath:"src/docs/date-picker/demo/time.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXNwYWNlIGRpcmVjdGlvbj0idmVydGljYWwiPgogICAgPGEtZGF0ZS1waWNrZXIgc2hvdy10aW1lIHBsYWNlaG9sZGVyPSJTZWxlY3QgVGltZSIgQGNoYW5nZT0ib25DaGFuZ2UiIEBvaz0ib25PayIgLz4KICAgIDxhLXJhbmdlLXBpY2tlcgogICAgICA6c2hvdy10aW1lPSJ7IGZvcm1hdDogJ0hIOm1tJyB9IgogICAgICBmb3JtYXQ9IllZWVktTU0tREQgSEg6bW0iCiAgICAgIDpwbGFjZWhvbGRlcj0iWydTdGFydCBUaW1lJywgJ0VuZCBUaW1lJ10iCiAgICAgIEBjaGFuZ2U9Im9uQ2hhbmdlIgogICAgICBAb2s9Im9uT2siCiAgICAvPgogIDwvYS1zcGFjZT4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyI+CmltcG9ydCB7IE1vbWVudCB9IGZyb20gJ21vbWVudCc7CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCBvbkNoYW5nZSA9ICh2YWx1ZTogTW9tZW50W10sIGRhdGVTdHJpbmc6IHN0cmluZ1tdKSA9PiB7CiAgICAgIGNvbnNvbGUubG9nKCdTZWxlY3RlZCBUaW1lOiAnLCB2YWx1ZSk7CiAgICAgIGNvbnNvbGUubG9nKCdGb3JtYXR0ZWQgU2VsZWN0ZWQgVGltZTogJywgZGF0ZVN0cmluZyk7CiAgICB9OwoKICAgIGNvbnN0IG9uT2sgPSAodmFsdWU6IE1vbWVudFtdKSA9PiB7CiAgICAgIGNvbnNvbGUubG9nKCdvbk9rOiAnLCB2YWx1ZSk7CiAgICB9OwoKICAgIHJldHVybiB7CiAgICAgIG9uQ2hhbmdlLAogICAgICBvbk9rLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXNwYWNlIGRpcmVjdGlvbj0idmVydGljYWwiPgogICAgPGEtZGF0ZS1waWNrZXIgc2hvdy10aW1lIHBsYWNlaG9sZGVyPSJTZWxlY3QgVGltZSIgQGNoYW5nZT0ib25DaGFuZ2UiIEBvaz0ib25PayIgLz4KICAgIDxhLXJhbmdlLXBpY2tlcgogICAgICA6c2hvdy10aW1lPSJ7IGZvcm1hdDogJ0hIOm1tJyB9IgogICAgICBmb3JtYXQ9IllZWVktTU0tREQgSEg6bW0iCiAgICAgIDpwbGFjZWhvbGRlcj0iWydTdGFydCBUaW1lJywgJ0VuZCBUaW1lJ10iCiAgICAgIEBjaGFuZ2U9Im9uQ2hhbmdlIgogICAgICBAb2s9Im9uT2siCiAgICAvPgogIDwvYS1zcGFjZT4KPC90ZW1wbGF0ZT4KPHNjcmlwdD4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50IH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IG9uQ2hhbmdlID0gKHZhbHVlLCBkYXRlU3RyaW5nKSA9PiB7CiAgICAgIGNvbnNvbGUubG9nKCdTZWxlY3RlZCBUaW1lOiAnLCB2YWx1ZSk7CiAgICAgIGNvbnNvbGUubG9nKCdGb3JtYXR0ZWQgU2VsZWN0ZWQgVGltZTogJywgZGF0ZVN0cmluZyk7CiAgICB9OwogICAgY29uc3Qgb25PayA9IHZhbHVlID0+IHsKICAgICAgY29uc29sZS5sb2coJ29uT2s6ICcsIHZhbHVlKTsKICAgIH07CiAgICByZXR1cm4gewogICAgICBvbkNoYW5nZSwKICAgICAgb25PaywKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pg=="}},{default:p(()=>[o(i,{direction:"vertical"},{default:p(()=>[o(c,{"show-time":"",placeholder:"Select Time",onChange:s.onChange,onOk:s.onOk},null,8,["onChange","onOk"]),o(l,{"show-time":{format:"HH:mm"},format:"YYYY-MM-DD HH:mm",placeholder:["Start Time","End Time"],onChange:s.onChange,onOk:s.onOk},null,8,["onChange","onOk"])]),_:1})]),htmlCode:p(()=>a[0]||(a[0]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-space")]),t(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("vertical"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-date-picker")]),t(),n("span",{class:"token attr-name"},"show-time"),t(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Select Time"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onChange"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@ok"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onOk"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-range-picker")]),t(`
      `),n("span",{class:"token attr-name"},":show-time"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ format: 'HH:mm' }"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"format"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("YYYY-MM-DD HH:mm"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("['Start Time', 'End Time']"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onChange"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"@ok"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onOk"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-space")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" Moment "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'moment'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onChange"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),t(" Moment"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"dateString"),n("span",{class:"token operator"},":"),t(" string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Selected Time: '"),n("span",{class:"token punctuation"},","),t(" value"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Formatted Selected Time: '"),n("span",{class:"token punctuation"},","),t(" dateString"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onOk"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),t(" Moment"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'onOk: '"),n("span",{class:"token punctuation"},","),t(" value"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      onChange`),n("span",{class:"token punctuation"},","),t(`
      onOk`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:p(()=>a[1]||(a[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-space")]),t(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("vertical"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-date-picker")]),t(),n("span",{class:"token attr-name"},"show-time"),t(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Select Time"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onChange"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@ok"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onOk"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-range-picker")]),t(`
      `),n("span",{class:"token attr-name"},":show-time"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ format: 'HH:mm' }"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"format"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("YYYY-MM-DD HH:mm"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},":placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("['Start Time', 'End Time']"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onChange"),n("span",{class:"token punctuation"},'"')]),t(`
      `),n("span",{class:"token attr-name"},"@ok"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onOk"),n("span",{class:"token punctuation"},'"')]),t(`
    `),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-space")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onChange"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("value"),n("span",{class:"token punctuation"},","),t(" dateString")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Selected Time: '"),n("span",{class:"token punctuation"},","),t(" value"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Formatted Selected Time: '"),n("span",{class:"token punctuation"},","),t(" dateString"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onOk"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token parameter"},"value"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'onOk: '"),n("span",{class:"token punctuation"},","),t(" value"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      onChange`),n("span",{class:"token punctuation"},","),t(`
      onOk`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var vn=b(hn,[["render",bn]]);const fn=Z({components:{SmileOutlined:X},setup(){return{onChange:(a,u)=>{console.log(a,u)}}}});function An(s,a,u,m,g,C){const c=e("SmileOutlined"),l=e("a-date-picker"),i=e("a-month-picker"),r=e("a-range-picker"),I=e("a-week-picker"),k=e("a-space"),f=e("demo-box");return v(),A(f,{jsfiddle:{us:"Basic use case. Users can select or input a date in panel.",cn:"\u6700\u7B80\u5355\u7684\u7528\u6CD5\uFF0C\u5728\u6D6E\u5C42\u4E2D\u53EF\u4EE5\u9009\u62E9\u6216\u8005\u8F93\u5165\u65E5\u671F\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u6700\u7B80\u5355\u7684\u7528\u6CD5\uFF0C\u5728\u6D6E\u5C42\u4E2D\u53EF\u4EE5\u9009\u62E9\u6216\u8005\u8F93\u5165\u65E5\u671F\u3002</p>
<h2 id="en-us">en-US</h2>
<p>Basic use case. Users can select or input a date in panel.</p>
`,order:13,title:{"zh-CN":"\u540E\u7F00\u56FE\u6807","en-US":"Suffix"},relativePath:"src/docs/date-picker/demo/suffix.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXNwYWNlIGRpcmVjdGlvbj0idmVydGljYWwiPgogICAgPGEtZGF0ZS1waWNrZXIgQGNoYW5nZT0ib25DaGFuZ2UiPgogICAgICA8dGVtcGxhdGUgI3N1ZmZpeEljb24+CiAgICAgICAgPFNtaWxlT3V0bGluZWQgLz4KICAgICAgPC90ZW1wbGF0ZT4KICAgIDwvYS1kYXRlLXBpY2tlcj4KICAgIDxhLW1vbnRoLXBpY2tlciBAY2hhbmdlPSJvbkNoYW5nZSIgcGxhY2Vob2xkZXI9IlNlbGVjdCBtb250aCI+CiAgICAgIDx0ZW1wbGF0ZSAjc3VmZml4SWNvbj4KICAgICAgICA8U21pbGVPdXRsaW5lZCAvPgogICAgICA8L3RlbXBsYXRlPgogICAgPC9hLW1vbnRoLXBpY2tlcj4KICAgIDxhLXJhbmdlLXBpY2tlciBAY2hhbmdlPSJvbkNoYW5nZSI+CiAgICAgIDx0ZW1wbGF0ZSAjc3VmZml4SWNvbj4KICAgICAgICA8U21pbGVPdXRsaW5lZCAvPgogICAgICA8L3RlbXBsYXRlPgogICAgPC9hLXJhbmdlLXBpY2tlcj4KICAgIDxhLXdlZWstcGlja2VyIEBjaGFuZ2U9Im9uQ2hhbmdlIiBwbGFjZWhvbGRlcj0iU2VsZWN0IHdlZWsiPgogICAgICA8dGVtcGxhdGUgI3N1ZmZpeEljb24+CiAgICAgICAgPFNtaWxlT3V0bGluZWQgLz4KICAgICAgPC90ZW1wbGF0ZT4KICAgIDwvYS13ZWVrLXBpY2tlcj4KICAgIDxhLWRhdGUtcGlja2VyIHN1ZmZpeC1pY29uPSJhYiIgQGNoYW5nZT0ib25DaGFuZ2UiIC8+CiAgICA8YS1tb250aC1waWNrZXIgc3VmZml4LWljb249ImFiIiBwbGFjZWhvbGRlcj0iU2VsZWN0IG1vbnRoIiBAY2hhbmdlPSJvbkNoYW5nZSIgLz4KICAgIDxhLXJhbmdlLXBpY2tlciBzdWZmaXgtaWNvbj0iYWIiIEBjaGFuZ2U9Im9uQ2hhbmdlIiAvPgogICAgPGEtd2Vlay1waWNrZXIgc3VmZml4LWljb249ImFiIiBwbGFjZWhvbGRlcj0iU2VsZWN0IHdlZWsiIEBjaGFuZ2U9Im9uQ2hhbmdlIiAvPgogIDwvYS1zcGFjZT4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyI+CmltcG9ydCB7IFNtaWxlT3V0bGluZWQgfSBmcm9tICdAYW50LWRlc2lnbi9pY29ucy12dWUnOwppbXBvcnQgeyBNb21lbnQgfSBmcm9tICdtb21lbnQnOwppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQgfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIGNvbXBvbmVudHM6IHsKICAgIFNtaWxlT3V0bGluZWQsCiAgfSwKICBzZXR1cCgpIHsKICAgIGNvbnN0IG9uQ2hhbmdlID0gKGRhdGU6IE1vbWVudCwgZGF0ZVN0cmluZzogc3RyaW5nW10pID0+IHsKICAgICAgY29uc29sZS5sb2coZGF0ZSwgZGF0ZVN0cmluZyk7CiAgICB9OwoKICAgIHJldHVybiB7CiAgICAgIG9uQ2hhbmdlLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXNwYWNlIGRpcmVjdGlvbj0idmVydGljYWwiPgogICAgPGEtZGF0ZS1waWNrZXIgQGNoYW5nZT0ib25DaGFuZ2UiPgogICAgICA8dGVtcGxhdGUgI3N1ZmZpeEljb24+CiAgICAgICAgPFNtaWxlT3V0bGluZWQgLz4KICAgICAgPC90ZW1wbGF0ZT4KICAgIDwvYS1kYXRlLXBpY2tlcj4KICAgIDxhLW1vbnRoLXBpY2tlciBAY2hhbmdlPSJvbkNoYW5nZSIgcGxhY2Vob2xkZXI9IlNlbGVjdCBtb250aCI+CiAgICAgIDx0ZW1wbGF0ZSAjc3VmZml4SWNvbj4KICAgICAgICA8U21pbGVPdXRsaW5lZCAvPgogICAgICA8L3RlbXBsYXRlPgogICAgPC9hLW1vbnRoLXBpY2tlcj4KICAgIDxhLXJhbmdlLXBpY2tlciBAY2hhbmdlPSJvbkNoYW5nZSI+CiAgICAgIDx0ZW1wbGF0ZSAjc3VmZml4SWNvbj4KICAgICAgICA8U21pbGVPdXRsaW5lZCAvPgogICAgICA8L3RlbXBsYXRlPgogICAgPC9hLXJhbmdlLXBpY2tlcj4KICAgIDxhLXdlZWstcGlja2VyIEBjaGFuZ2U9Im9uQ2hhbmdlIiBwbGFjZWhvbGRlcj0iU2VsZWN0IHdlZWsiPgogICAgICA8dGVtcGxhdGUgI3N1ZmZpeEljb24+CiAgICAgICAgPFNtaWxlT3V0bGluZWQgLz4KICAgICAgPC90ZW1wbGF0ZT4KICAgIDwvYS13ZWVrLXBpY2tlcj4KICAgIDxhLWRhdGUtcGlja2VyIHN1ZmZpeC1pY29uPSJhYiIgQGNoYW5nZT0ib25DaGFuZ2UiIC8+CiAgICA8YS1tb250aC1waWNrZXIgc3VmZml4LWljb249ImFiIiBwbGFjZWhvbGRlcj0iU2VsZWN0IG1vbnRoIiBAY2hhbmdlPSJvbkNoYW5nZSIgLz4KICAgIDxhLXJhbmdlLXBpY2tlciBzdWZmaXgtaWNvbj0iYWIiIEBjaGFuZ2U9Im9uQ2hhbmdlIiAvPgogICAgPGEtd2Vlay1waWNrZXIgc3VmZml4LWljb249ImFiIiBwbGFjZWhvbGRlcj0iU2VsZWN0IHdlZWsiIEBjaGFuZ2U9Im9uQ2hhbmdlIiAvPgogIDwvYS1zcGFjZT4KPC90ZW1wbGF0ZT4KPHNjcmlwdD4KaW1wb3J0IHsgU21pbGVPdXRsaW5lZCB9IGZyb20gJ0BhbnQtZGVzaWduL2ljb25zLXZ1ZSc7CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgY29tcG9uZW50czogewogICAgU21pbGVPdXRsaW5lZCwKICB9LAogIHNldHVwKCkgewogICAgY29uc3Qgb25DaGFuZ2UgPSAoZGF0ZSwgZGF0ZVN0cmluZykgPT4gewogICAgICBjb25zb2xlLmxvZyhkYXRlLCBkYXRlU3RyaW5nKTsKICAgIH07CiAgICByZXR1cm4gewogICAgICBvbkNoYW5nZSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pg=="}},{default:p(()=>[o(k,{direction:"vertical"},{default:p(()=>[o(l,{onChange:s.onChange},{suffixIcon:p(()=>[o(c)]),_:1},8,["onChange"]),o(i,{onChange:s.onChange,placeholder:"Select month"},{suffixIcon:p(()=>[o(c)]),_:1},8,["onChange"]),o(r,{onChange:s.onChange},{suffixIcon:p(()=>[o(c)]),_:1},8,["onChange"]),o(I,{onChange:s.onChange,placeholder:"Select week"},{suffixIcon:p(()=>[o(c)]),_:1},8,["onChange"]),o(l,{"suffix-icon":"ab",onChange:s.onChange},null,8,["onChange"]),o(i,{"suffix-icon":"ab",placeholder:"Select month",onChange:s.onChange},null,8,["onChange"]),o(r,{"suffix-icon":"ab",onChange:s.onChange},null,8,["onChange"]),o(I,{"suffix-icon":"ab",placeholder:"Select week",onChange:s.onChange},null,8,["onChange"])]),_:1})]),htmlCode:p(()=>a[0]||(a[0]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-space")]),t(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("vertical"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-date-picker")]),t(),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onChange"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#suffixIcon"),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("SmileOutlined")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-date-picker")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-month-picker")]),t(),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onChange"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Select month"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#suffixIcon"),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("SmileOutlined")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-month-picker")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-range-picker")]),t(),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onChange"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#suffixIcon"),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("SmileOutlined")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-range-picker")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-week-picker")]),t(),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onChange"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Select week"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#suffixIcon"),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("SmileOutlined")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-week-picker")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-date-picker")]),t(),n("span",{class:"token attr-name"},"suffix-icon"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ab"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onChange"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-month-picker")]),t(),n("span",{class:"token attr-name"},"suffix-icon"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ab"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Select month"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onChange"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-range-picker")]),t(),n("span",{class:"token attr-name"},"suffix-icon"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ab"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onChange"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-week-picker")]),t(),n("span",{class:"token attr-name"},"suffix-icon"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ab"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Select week"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onChange"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-space")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" SmileOutlined "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'@ant-design/icons-vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" Moment "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'moment'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token literal-property property"},"components"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"{"),t(`
    SmileOutlined`),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onChange"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"date"),n("span",{class:"token operator"},":"),t(" Moment"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token literal-property property"},"dateString"),n("span",{class:"token operator"},":"),t(" string"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),t("date"),n("span",{class:"token punctuation"},","),t(" dateString"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      onChange`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:p(()=>a[1]||(a[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-space")]),t(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("vertical"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-date-picker")]),t(),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onChange"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#suffixIcon"),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("SmileOutlined")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-date-picker")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-month-picker")]),t(),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onChange"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Select month"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#suffixIcon"),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("SmileOutlined")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-month-picker")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-range-picker")]),t(),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onChange"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#suffixIcon"),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("SmileOutlined")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-range-picker")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-week-picker")]),t(),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onChange"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Select week"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),t(),n("span",{class:"token attr-name"},"#suffixIcon"),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("SmileOutlined")]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-week-picker")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-date-picker")]),t(),n("span",{class:"token attr-name"},"suffix-icon"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ab"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onChange"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-month-picker")]),t(),n("span",{class:"token attr-name"},"suffix-icon"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ab"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Select month"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onChange"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-range-picker")]),t(),n("span",{class:"token attr-name"},"suffix-icon"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ab"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onChange"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-week-picker")]),t(),n("span",{class:"token attr-name"},"suffix-icon"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ab"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Select week"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onChange"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-space")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" SmileOutlined "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'@ant-design/icons-vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token literal-property property"},"components"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"{"),t(`
    SmileOutlined`),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onChange"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[t("date"),n("span",{class:"token punctuation"},","),t(" dateString")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),t("date"),n("span",{class:"token punctuation"},","),t(" dateString"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      onChange`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var Zn=b(fn,[["render",An]]);const yn=Z({setup(){const s=d(),a=d();return{time1:s,time2:a,moment:h,onOk:g=>{console.log("onOk: ",g)},clearTime:()=>{s.value=void 0}}}});function Wn(s,a,u,m,g,C){const c=e("a-date-picker"),l=e("a-range-picker"),i=e("a-space"),r=e("demo-box");return v(),A(r,{jsfiddle:{us:"Added custom rendering function, in the default `slot`, you can set any component you want to render.",cn:"\u589E\u52A0\u81EA\u5B9A\u4E49\u6E32\u67D3\u529F\u80FD\uFF0C\u5728\u9ED8\u8BA4 `slot` \u4E2D\uFF0C\u4F60\u53EF\u4EE5\u8BBE\u7F6E\u4EFB\u4F55\u4F60\u60F3\u6E32\u67D3\u7684\u7EC4\u4EF6\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u589E\u52A0\u81EA\u5B9A\u4E49\u6E32\u67D3\u529F\u80FD\uFF0C\u5728\u9ED8\u8BA4 <code>slot</code> \u4E2D\uFF0C\u4F60\u53EF\u4EE5\u8BBE\u7F6E\u4EFB\u4F55\u4F60\u60F3\u6E32\u67D3\u7684\u7EC4\u4EF6\u3002</p>
<h2 id="en-us">en-US</h2>
<p>Added custom rendering function, in the default <code>slot</code>, you can set any component you want to render.</p>
`,order:12,title:{"zh-CN":"\u81EA\u5B9A\u4E49\u6E32\u67D3","en-US":"Custum Time"},relativePath:"src/docs/date-picker/demo/text.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXNwYWNlIGRpcmVjdGlvbj0idmVydGljYWwiPgogICAgPGEtZGF0ZS1waWNrZXIgdi1tb2RlbDp2YWx1ZT0idGltZTEiIHBsYWNlaG9sZGVyPSJTZWxlY3QgVGltZSIgQG9rPSJvbk9rIj4KICAgICAgPHNwYW4+e3sgdGltZTEgPyB0aW1lMS50b1N0cmluZygpIDogJ1NlbGVjdFRpbWUnIH19PC9zcGFuPgogICAgPC9hLWRhdGUtcGlja2VyPgogICAgPGEtcmFuZ2UtcGlja2VyIHYtbW9kZWw6dmFsdWU9InRpbWUyIj4KICAgICAgPHNwYW4+CiAgICAgICAge3sgdGltZTIgPyB0aW1lMi50b1N0cmluZygpIDogJ+ivt+mAieaLqScgfX0KICAgICAgPC9zcGFuPgogICAgPC9hLXJhbmdlLXBpY2tlcj4KICA8L2Etc3BhY2U+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgbW9tZW50LCB7IE1vbWVudCB9IGZyb20gJ21vbWVudCc7CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IHRpbWUxID0gcmVmPE1vbWVudD4oKTsKICAgIGNvbnN0IHRpbWUyID0gcmVmPE1vbWVudD4oKTsKCiAgICBjb25zdCBvbk9rID0gKHZhbHVlOiBNb21lbnQpID0+IHsKICAgICAgY29uc29sZS5sb2coJ29uT2s6ICcsIHZhbHVlKTsKICAgIH07CgogICAgY29uc3QgY2xlYXJUaW1lID0gKCkgPT4gewogICAgICB0aW1lMS52YWx1ZSA9IHVuZGVmaW5lZDsKICAgIH07CgogICAgcmV0dXJuIHsKICAgICAgdGltZTEsCiAgICAgIHRpbWUyLAogICAgICBtb21lbnQsCiAgICAgIG9uT2ssCiAgICAgIGNsZWFyVGltZSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXNwYWNlIGRpcmVjdGlvbj0idmVydGljYWwiPgogICAgPGEtZGF0ZS1waWNrZXIgdi1tb2RlbDp2YWx1ZT0idGltZTEiIHBsYWNlaG9sZGVyPSJTZWxlY3QgVGltZSIgQG9rPSJvbk9rIj4KICAgICAgPHNwYW4+e3sgdGltZTEgPyB0aW1lMS50b1N0cmluZygpIDogJ1NlbGVjdFRpbWUnIH19PC9zcGFuPgogICAgPC9hLWRhdGUtcGlja2VyPgogICAgPGEtcmFuZ2UtcGlja2VyIHYtbW9kZWw6dmFsdWU9InRpbWUyIj4KICAgICAgPHNwYW4+CiAgICAgICAge3sgdGltZTIgPyB0aW1lMi50b1N0cmluZygpIDogJ+ivt+mAieaLqScgfX0KICAgICAgPC9zcGFuPgogICAgPC9hLXJhbmdlLXBpY2tlcj4KICA8L2Etc3BhY2U+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCBtb21lbnQgZnJvbSAnbW9tZW50JzsKaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3QgdGltZTEgPSByZWYoKTsKICAgIGNvbnN0IHRpbWUyID0gcmVmKCk7CiAgICBjb25zdCBvbk9rID0gdmFsdWUgPT4gewogICAgICBjb25zb2xlLmxvZygnb25PazogJywgdmFsdWUpOwogICAgfTsKICAgIGNvbnN0IGNsZWFyVGltZSA9ICgpID0+IHsKICAgICAgdGltZTEudmFsdWUgPSB1bmRlZmluZWQ7CiAgICB9OwogICAgcmV0dXJuIHsKICAgICAgdGltZTEsCiAgICAgIHRpbWUyLAogICAgICBtb21lbnQsCiAgICAgIG9uT2ssCiAgICAgIGNsZWFyVGltZSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pg=="}},{default:p(()=>[o(i,{direction:"vertical"},{default:p(()=>[o(c,{value:s.time1,"onUpdate:value":a[0]||(a[0]=I=>s.time1=I),placeholder:"Select Time",onOk:s.onOk},{default:p(()=>[n("span",null,y(s.time1?s.time1.toString():"SelectTime"),1)]),_:1},8,["value","onOk"]),o(l,{value:s.time2,"onUpdate:value":a[1]||(a[1]=I=>s.time2=I)},{default:p(()=>[n("span",null,y(s.time2?s.time2.toString():"\u8BF7\u9009\u62E9"),1)]),_:1},8,["value"])]),_:1})]),htmlCode:p(()=>a[2]||(a[2]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-space")]),t(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("vertical"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-date-picker")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("time1"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Select Time"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@ok"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onOk"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("span")]),n("span",{class:"token punctuation"},">")]),t("{{ time1 ? time1.toString() : 'SelectTime' }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("span")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-date-picker")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-range-picker")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("time2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("span")]),n("span",{class:"token punctuation"},">")]),t(`
        {{ time2 ? time2.toString() : '\u8BF7\u9009\u62E9' }}
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("span")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-range-picker")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-space")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),t(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(" moment"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token punctuation"},"{"),t(" Moment "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'moment'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" time1 "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("Moment"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" time2 "),n("span",{class:"token operator"},"="),t(" ref"),n("span",{class:"token operator"},"<"),t("Moment"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onOk"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),t(" Moment")]),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'onOk: '"),n("span",{class:"token punctuation"},","),t(" value"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"clearTime"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      time1`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token keyword"},"undefined"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      time1`),n("span",{class:"token punctuation"},","),t(`
      time2`),n("span",{class:"token punctuation"},","),t(`
      moment`),n("span",{class:"token punctuation"},","),t(`
      onOk`),n("span",{class:"token punctuation"},","),t(`
      clearTime`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),jsVersionHtml:p(()=>a[3]||(a[3]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-space")]),t(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("vertical"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-date-picker")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("time1"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("Select Time"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@ok"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("onOk"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("span")]),n("span",{class:"token punctuation"},">")]),t("{{ time1 ? time1.toString() : 'SelectTime' }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("span")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-date-picker")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-range-picker")]),t(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),t("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("time2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("span")]),n("span",{class:"token punctuation"},">")]),t(`
        {{ time2 ? time2.toString() : '\u8BF7\u9009\u62E9' }}
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("span")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-range-picker")]),n("span",{class:"token punctuation"},">")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-space")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[t(`
`),n("span",{class:"token keyword"},"import"),t(" moment "),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'moment'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"import"),t(),n("span",{class:"token punctuation"},"{"),t(" defineComponent"),n("span",{class:"token punctuation"},","),t(" ref "),n("span",{class:"token punctuation"},"}"),t(),n("span",{class:"token keyword"},"from"),t(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),t(`
`),n("span",{class:"token keyword"},"export"),t(),n("span",{class:"token keyword"},"default"),t(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),t(`
  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" time1 "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" time2 "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"onOk"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token parameter"},"value"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'onOk: '"),n("span",{class:"token punctuation"},","),t(" value"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(),n("span",{class:"token function-variable function"},"clearTime"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token operator"},"=>"),t(),n("span",{class:"token punctuation"},"{"),t(`
      time1`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token keyword"},"undefined"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      time1`),n("span",{class:"token punctuation"},","),t(`
      time2`),n("span",{class:"token punctuation"},","),t(`
      moment`),n("span",{class:"token punctuation"},","),t(`
      onOk`),n("span",{class:"token punctuation"},","),t(`
      clearTime`),n("span",{class:"token punctuation"},","),t(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
`)])],-1)])),_:1})}var wn=b(yn,[["render",Wn]]);const Gn={pageData:{title:"DatePicker",description:"",frontmatter:{category:"Components",type:"\u6570\u636E\u5F55\u5165",title:"DatePicker",subtitle:"\u65E5\u671F\u9009\u62E9\u6846",cover:"https://gw.alipayobjects.com/zos/alicdn/RT_USzA48/DatePicker.svg"},headers:[{level:2,title:"API",slug:"api",content:"\u65E5\u671F\u7C7B\u7EC4\u4EF6\u5305\u62EC\u4EE5\u4E0B\u56DB\u79CD\u5F62\u5F0F\u3002"},{level:3,title:"\u56FD\u9645\u5316\u914D\u7F6E",slug:"\u56FD\u9645\u5316\u914D\u7F6E",content:"\u9ED8\u8BA4\u914D\u7F6E\u4E3A en-US\uFF0C\u5982\u679C\u4F60\u9700\u8981\u8BBE\u7F6E\u5176\u4ED6\u8BED\u8A00\uFF0C\u63A8\u8350\u5728\u5165\u53E3\u5904\u4F7F\u7528\u6211\u4EEC\u63D0\u4F9B\u7684\u56FD\u9645\u5316\u7EC4\u4EF6\uFF0C\u8BE6\u89C1\uFF1A[ConfigProvider \u56FD\u9645\u5316](/components/config-provider-cn/)\u3002"},{level:3,title:"\u5171\u540C\u7684 API",slug:"\u5171\u540C\u7684-api",content:"\u4EE5\u4E0B API \u4E3A DatePicker\u3001MonthPicker\u3001RangePicker, WeekPicker \u5171\u4EAB\u7684 API\u3002"},{level:3,title:"\u5171\u6709\u7684\u4E8B\u4EF6",slug:"\u5171\u6709\u7684\u4E8B\u4EF6",content:""},{level:3,title:"\u5171\u540C\u7684\u65B9\u6CD5",slug:"\u5171\u540C\u7684\u65B9\u6CD5",content:""},{level:3,title:"DatePicker",slug:"datepicker",content:""},{level:3,title:"DatePicker \u4E8B\u4EF6",slug:"datepicker-\u4E8B\u4EF6",content:""},{level:3,title:"MonthPicker",slug:"monthpicker",content:""},{level:3,title:"MonthPicker \u4E8B\u4EF6",slug:"monthpicker-\u4E8B\u4EF6",content:""},{level:3,title:"WeekPicker",slug:"weekpicker",content:""},{level:3,title:"WeekPicker \u4E8B\u4EF6",slug:"weekpicker-\u4E8B\u4EF6",content:""},{level:3,title:"RangePicker",slug:"rangepicker",content:""},{level:3,title:"RangePicker \u4E8B\u4EF6",slug:"rangepicker-\u4E8B\u4EF6",content:""}],relativePath:"src/docs/date-picker/index.zh-CN.md",content:`
## API

\u65E5\u671F\u7C7B\u7EC4\u4EF6\u5305\u62EC\u4EE5\u4E0B\u56DB\u79CD\u5F62\u5F0F\u3002

- DatePicker
- MonthPicker
- RangePicker
- WeekPicker

### \u56FD\u9645\u5316\u914D\u7F6E

\u9ED8\u8BA4\u914D\u7F6E\u4E3A en-US\uFF0C\u5982\u679C\u4F60\u9700\u8981\u8BBE\u7F6E\u5176\u4ED6\u8BED\u8A00\uFF0C\u63A8\u8350\u5728\u5165\u53E3\u5904\u4F7F\u7528\u6211\u4EEC\u63D0\u4F9B\u7684\u56FD\u9645\u5316\u7EC4\u4EF6\uFF0C\u8BE6\u89C1\uFF1A[ConfigProvider \u56FD\u9645\u5316](/components/config-provider-cn/)\u3002

\u5982\u6709\u7279\u6B8A\u9700\u6C42\uFF08\u4EC5\u4FEE\u6539\u5355\u4E00\u7EC4\u4EF6\u7684\u8BED\u8A00\uFF09\uFF0C\u8BF7\u4F7F\u7528 locale \u53C2\u6570\uFF0C\u53C2\u8003\uFF1A[\u9ED8\u8BA4\u914D\u7F6E](https://github.com/vueComponent/ant-design-vue/blob/next/components/date-picker/locale/example.json)\u3002

\`\`\`html
&lt;template&gt;
  &lt;a-date-picker v-model:value=&quot;value&quot; :locale=&quot;locale&quot; /&gt;
&lt;/template&gt;
&lt;script&gt;
  import locale from &#39;ant-design-vue/es/date-picker/locale/zh_CN&#39;;
  import { defineComponent } from &#39;vue&#39;;
  export default defineComponent({
    setup() {
      return {
        locale,
        value: null,
      };
    },
  });
&lt;/script&gt;
\`\`\`

**\u6CE8\u610F\uFF1A** DatePicker\u3001MonthPicker\u3001RangePicker\u3001WeekPicker \u90E8\u5206 locale \u662F\u4ECE value \u4E2D\u8BFB\u53D6\uFF0C\u6240\u4EE5\u8BF7\u5148\u6B63\u786E\u8BBE\u7F6E moment \u7684 locale\u3002

\`\`\`html
&lt;template&gt;
  &lt;a-date-picker v-model:value=&quot;value&quot; /&gt;
&lt;/template&gt;
&lt;script&gt;
  // \u9ED8\u8BA4\u8BED\u8A00\u4E3A en-US\uFF0C\u5982\u679C\u4F60\u9700\u8981\u8BBE\u7F6E\u5176\u4ED6\u8BED\u8A00\uFF0C\u63A8\u8350\u5728\u5165\u53E3\u6587\u4EF6\u5168\u5C40\u8BBE\u7F6E locale
  import moment from &#39;moment&#39;;
  import &#39;moment/dist/locale/zh-cn&#39;;
  import { defineComponent } from &#39;vue&#39;;
  export default defineComponent({
    setup() {
      return {
        value: moment(&#39;2015-01-01&#39;, &#39;YYYY-MM-DD&#39;)
        moment,
      };
    },
  });
&lt;/script&gt;
\`\`\`

### \u5171\u540C\u7684 API

\u4EE5\u4E0B API \u4E3A DatePicker\u3001MonthPicker\u3001RangePicker, WeekPicker \u5171\u4EAB\u7684 API\u3002

| \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C | \u7248\u672C |
| --- | --- | --- | --- | --- | --- | --- | --- | --- |
| allowClear | \u662F\u5426\u663E\u793A\u6E05\u9664\u6309\u94AE | boolean | true | - |
| autofocus | \u81EA\u52A8\u83B7\u53D6\u7126\u70B9 | boolean | false | - |
| dateRender | \u4F5C\u7528\u57DF\u63D2\u69FD\uFF0C\u81EA\u5B9A\u4E49\u65E5\u671F\u5355\u5143\u683C\u7684\u5185\u5BB9 | #dateRender=&quot;{current, today}&quot; | - | - |
| disabled | \u7981\u7528 | boolean | false | - |
| disabledDate | \u4E0D\u53EF\u9009\u62E9\u7684\u65E5\u671F | (currentDate: moment) =&gt; boolean | \u65E0 | - |
| getCalendarContainer | \u5B9A\u4E49\u6D6E\u5C42\u7684\u5BB9\u5668\uFF0C\u9ED8\u8BA4\u4E3A body \u4E0A\u65B0\u5EFA div | function(trigger) | \u65E0 | - |
| locale | \u56FD\u9645\u5316\u914D\u7F6E | object | [\u9ED8\u8BA4\u914D\u7F6E](https://github.com/vueComponent/ant-design-vue/blob/next/components/date-picker/locale/example.json) | - |
| mode | \u65E5\u671F\u9762\u677F\u7684\u72B6\u6001 | \`time | date | month | year | decade\` | &#39;date&#39; | - |
| open | \u63A7\u5236\u5F39\u5C42\u662F\u5426\u5C55\u5F00 | boolean | - | - |
| placeholder | \u8F93\u5165\u6846\u63D0\u793A\u6587\u5B57 | string\\|RangePicker\\[] | - | - |
| popupStyle | \u989D\u5916\u7684\u5F39\u51FA\u65E5\u5386\u6837\u5F0F | CSSProperties | {} | - |
| dropdownClassName | \u989D\u5916\u7684\u5F39\u51FA\u65E5\u5386 class | string | - | - |
| size | \u8F93\u5165\u6846\u5927\u5C0F\uFF0C\`large\` \u9AD8\u5EA6\u4E3A 40px\uFF0C\`small\` \u4E3A 24px\uFF0C\u9ED8\u8BA4\u662F 32px | string | \u65E0 | - |
| suffixIcon | \u81EA\u5B9A\u4E49\u7684\u9009\u62E9\u6846\u540E\u7F00\u56FE\u6807 | VNode \\| slot | - | - |
| inputReadOnly | \u8BBE\u7F6E\u8F93\u5165\u6846\u4E3A\u53EA\u8BFB\uFF08\u907F\u514D\u5728\u79FB\u52A8\u8BBE\u5907\u4E0A\u6253\u5F00\u865A\u62DF\u952E\u76D8\uFF09 | boolean | - | 1.5.4 |
| align | \u8BE5\u503C\u5C06\u5408\u5E76\u5230 placement \u7684\u914D\u7F6E\u4E2D\uFF0C\u8BBE\u7F6E\u53C2\u8003 [dom-align](https://github.com/yiminghe/dom-align) | Object | \u65E0 | 1.5.4 |
| valueFormat | \u53EF\u9009\uFF0C\u7ED1\u5B9A\u503C\u7684\u683C\u5F0F\uFF0C\u5BF9 value\u3001defaultValue\u3001defaultPickerValue \u8D77\u4F5C\u7528\u3002\u4E0D\u6307\u5B9A\u5219\u7ED1\u5B9A\u503C\u4E3A moment \u5BF9\u8C61 | string\uFF0C[\u5177\u4F53\u683C\u5F0F](https://momentjs.com/docs/#/displaying/format/) | - | 1.5.4 |

### \u5171\u6709\u7684\u4E8B\u4EF6

| \u4E8B\u4EF6\u540D\u79F0    | \u8BF4\u660E                     | \u56DE\u8C03\u53C2\u6570              |
| ----------- | ------------------------ | --------------------- | --- |
| openChange  | \u5F39\u51FA\u65E5\u5386\u548C\u5173\u95ED\u65E5\u5386\u7684\u56DE\u8C03 | function(status)      |
| panelChange | \u65E5\u671F\u9762\u677F\u53D8\u5316\u65F6\u7684\u56DE\u8C03     | function(value, mode) | -   |

### \u5171\u540C\u7684\u65B9\u6CD5

| \u540D\u79F0    | \u63CF\u8FF0     |
| ------- | -------- |
| blur()  | \u79FB\u9664\u7126\u70B9 |
| focus() | \u83B7\u53D6\u7126\u70B9 |

### DatePicker

| \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C |
| --- | --- | --- | --- |
| defaultPickerValue | \u9ED8\u8BA4\u9762\u677F\u65E5\u671F | [moment](http://momentjs.com/) | \u65E0 |
| disabledTime | \u4E0D\u53EF\u9009\u62E9\u7684\u65F6\u95F4 | function(date) | \u65E0 |
| format | \u8BBE\u7F6E\u65E5\u671F\u683C\u5F0F\uFF0C\u4E3A\u6570\u7EC4\u65F6\u652F\u6301\u591A\u683C\u5F0F\u5339\u914D\uFF0C\u5C55\u793A\u4EE5\u7B2C\u4E00\u4E2A\u4E3A\u51C6\u3002\u914D\u7F6E\u53C2\u8003 [moment.js](http://momentjs.com/) | string \\| string[] | &quot;YYYY-MM-DD&quot; |
| renderExtraFooter | \u5728\u9762\u677F\u4E2D\u6DFB\u52A0\u989D\u5916\u7684\u9875\u811A | #renderExtraFooter=&quot;mode&quot; | - |
| showTime | \u589E\u52A0\u65F6\u95F4\u9009\u62E9\u529F\u80FD | Object\\|boolean | [TimePicker Options](/components/time-picker-cn/#API) |
| showTime.defaultValue | \u8BBE\u7F6E\u7528\u6237\u9009\u62E9\u65E5\u671F\u65F6\u9ED8\u8BA4\u7684\u65F6\u5206\u79D2\uFF0C[\u4F8B\u5B50](#components-date-picker-demo-disabled-date) | [moment](http://momentjs.com/) | moment() |
| showToday | \u662F\u5426\u5C55\u793A\u201C\u4ECA\u5929\u201D\u6309\u94AE | boolean | true |
| value(v-model) | \u65E5\u671F | [moment](http://momentjs.com/) | \u65E0 |

### DatePicker \u4E8B\u4EF6

| \u4E8B\u4EF6\u540D\u79F0 | \u8BF4\u660E               | \u56DE\u8C03\u53C2\u6570                                             |
| -------- | ------------------ | ---------------------------------------------------- |
| change   | \u65F6\u95F4\u53D1\u751F\u53D8\u5316\u7684\u56DE\u8C03 | function(date: moment \\| string, dateString: string) |
| ok       | \u70B9\u51FB\u786E\u5B9A\u6309\u94AE\u7684\u56DE\u8C03 | function(date: moment \\| string)                                           |

### MonthPicker

| \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C |
| --- | --- | --- | --- |
| defaultPickerValue | \u9ED8\u8BA4\u9762\u677F\u65E5\u671F | [moment](http://momentjs.com/) | \u65E0 |
| format | \u5C55\u793A\u7684\u65E5\u671F\u683C\u5F0F\uFF0C\u914D\u7F6E\u53C2\u8003 [moment.js](http://momentjs.com/) | string | &quot;YYYY-MM&quot; |
| monthCellContentRender | \u81EA\u5B9A\u4E49\u7684\u6708\u4EFD\u5185\u5BB9\u6E32\u67D3\u65B9\u6CD5 | #monthCellContentRender=&quot;{current, locale}&quot; | - |
| renderExtraFooter | \u5728\u9762\u677F\u4E2D\u6DFB\u52A0\u989D\u5916\u7684\u9875\u811A | #renderExtraFooter=&quot;mode&quot; | - |
| value(v-model) | \u65E5\u671F | [moment](http://momentjs.com/) | \u65E0 |

### MonthPicker \u4E8B\u4EF6

| \u4E8B\u4EF6\u540D\u79F0 | \u8BF4\u660E | \u56DE\u8C03\u53C2\u6570 |
| --- | --- | --- |
| change | \u65F6\u95F4\u53D1\u751F\u53D8\u5316\u7684\u56DE\u8C03\uFF0C\u53D1\u751F\u5728\u7528\u6237\u9009\u62E9\u65F6\u95F4\u65F6 | function(date: moment \\| string, dateString: string) |

### WeekPicker

| \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C |
| --- | --- | --- | --- |
| defaultPickerValue | \u9ED8\u8BA4\u9762\u677F\u65E5\u671F | [moment](http://momentjs.com/) | \u65E0 |
| format | \u5C55\u793A\u7684\u65E5\u671F\u683C\u5F0F\uFF0C\u914D\u7F6E\u53C2\u8003 [moment.js](http://momentjs.com/) | string | &quot;YYYY-wo&quot; |
| value(v-model) | \u65E5\u671F | [moment](http://momentjs.com/) | - |
| renderExtraFooter | \u5728\u9762\u677F\u4E2D\u6DFB\u52A0\u989D\u5916\u7684\u9875\u811A | #renderExtraFooter=&quot;mode&quot; | - |

### WeekPicker \u4E8B\u4EF6

| \u4E8B\u4EF6\u540D\u79F0 | \u8BF4\u660E | \u56DE\u8C03\u53C2\u6570 |
| --- | --- | --- |
| change | \u65F6\u95F4\u53D1\u751F\u53D8\u5316\u7684\u56DE\u8C03\uFF0C\u53D1\u751F\u5728\u7528\u6237\u9009\u62E9\u65F6\u95F4\u65F6 | function(date: moment \\| string, dateString: string) |

### RangePicker

| \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C | \u7248\u672C |
| --- | --- | --- | --- | --- | --- |
| defaultPickerValue | \u9ED8\u8BA4\u9762\u677F\u65E5\u671F | [moment](http://momentjs.com/)\\[] | \u65E0 |  |
| disabledTime | \u4E0D\u53EF\u9009\u62E9\u7684\u65F6\u95F4 | function(dates: \\[moment, moment\\], partial: \`&#39;start&#39; | &#39;end&#39;\`) | \u65E0 |  |
| format | \u5C55\u793A\u7684\u65E5\u671F\u683C\u5F0F | string | &quot;YYYY-MM-DD HH:mm:ss&quot; |  |
| ranges \xA0 \xA0 \xA0 | \u9884\u8BBE\u65F6\u95F4\u8303\u56F4\u5FEB\u6377\u9009\u62E9 | { \\[range: string]: [moment](http://momentjs.com/)\\[] } \\| { \\[range: string]: () =&gt; [moment](http://momentjs.com/)\\[] } | \u65E0 |  |
| renderExtraFooter | \u5728\u9762\u677F\u4E2D\u6DFB\u52A0\u989D\u5916\u7684\u9875\u811A | #renderExtraFooter=&quot;mode&quot; | - |  |
| separator | \u8BBE\u7F6E\u5206\u9694\u7B26 | string | &#39;~&#39; | 1.5.0 |
| showTime | \u589E\u52A0\u65F6\u95F4\u9009\u62E9\u529F\u80FD | Object\\|boolean | [TimePicker Options](/components/time-picker-cn/#API) |  |
| showTime.defaultValue | \u8BBE\u7F6E\u7528\u6237\u9009\u62E9\u65E5\u671F\u65F6\u9ED8\u8BA4\u7684\u65F6\u5206\u79D2 | [moment](http://momentjs.com/)\\[] | \\[moment(), moment()] |  |
| value(v-model) | \u65E5\u671F | [moment](http://momentjs.com/)\\[] | \u65E0 |  |

### RangePicker \u4E8B\u4EF6

| \u4E8B\u4EF6\u540D\u79F0 | \u8BF4\u660E | \u56DE\u8C03\u53C2\u6570 |
| --- | --- | --- |
| calendarChange | \u5F85\u9009\u65E5\u671F\u53D1\u751F\u53D8\u5316\u7684\u56DE\u8C03 | function(dates: \\[moment, moment\\] \\| \\[string, string\\], dateStrings: \\[string, string\\]) |
| change | \u65E5\u671F\u8303\u56F4\u53D1\u751F\u53D8\u5316\u7684\u56DE\u8C03 | function(dates: \\[moment, moment\\] \\| \\[string, string\\], dateStrings: \\[string, string\\]) |
| ok | \u70B9\u51FB\u786E\u5B9A\u6309\u94AE\u7684\u56DE\u8C03 | function(dates: \\[moment, moment\\] \\| \\[string, string\\]) |
`,html:`<h2 id="api">API</h2>
<p>\u65E5\u671F\u7C7B\u7EC4\u4EF6\u5305\u62EC\u4EE5\u4E0B\u56DB\u79CD\u5F62\u5F0F\u3002</p>
<ul>
<li>DatePicker</li>
<li>MonthPicker</li>
<li>RangePicker</li>
<li>WeekPicker</li>
</ul>
<h3 id="\u56FD\u9645\u5316\u914D\u7F6E">\u56FD\u9645\u5316\u914D\u7F6E</h3>
<p>\u9ED8\u8BA4\u914D\u7F6E\u4E3A en-US\uFF0C\u5982\u679C\u4F60\u9700\u8981\u8BBE\u7F6E\u5176\u4ED6\u8BED\u8A00\uFF0C\u63A8\u8350\u5728\u5165\u53E3\u5904\u4F7F\u7528\u6211\u4EEC\u63D0\u4F9B\u7684\u56FD\u9645\u5316\u7EC4\u4EF6\uFF0C\u8BE6\u89C1\uFF1A<a href="/components/config-provider-cn/">ConfigProvider \u56FD\u9645\u5316</a>\u3002</p>
<p>\u5982\u6709\u7279\u6B8A\u9700\u6C42\uFF08\u4EC5\u4FEE\u6539\u5355\u4E00\u7EC4\u4EF6\u7684\u8BED\u8A00\uFF09\uFF0C\u8BF7\u4F7F\u7528 locale \u53C2\u6570\uFF0C\u53C2\u8003\uFF1A<a href="https://github.com/vueComponent/ant-design-vue/blob/next/components/date-picker/locale/example.json" target="_blank" rel="noopener noreferrer">\u9ED8\u8BA4\u914D\u7F6E</a>\u3002</p>
<pre class="language-html" v-pre><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>template</span><span class="token punctuation">></span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-date-picker</span> <span class="token attr-name"><span class="token namespace">v-model:</span>value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>value<span class="token punctuation">"</span></span> <span class="token attr-name">:locale</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>locale<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>template</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">
  <span class="token keyword">import</span> locale <span class="token keyword">from</span> <span class="token string">'ant-design-vue/es/date-picker/locale/zh_CN'</span><span class="token punctuation">;</span>
  <span class="token keyword">import</span> <span class="token punctuation">{</span> defineComponent <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'vue'</span><span class="token punctuation">;</span>
  <span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token function">defineComponent</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
    <span class="token function">setup</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
      <span class="token keyword">return</span> <span class="token punctuation">{</span>
        locale<span class="token punctuation">,</span>
        <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token keyword">null</span><span class="token punctuation">,</span>
      <span class="token punctuation">}</span><span class="token punctuation">;</span>
    <span class="token punctuation">}</span><span class="token punctuation">,</span>
  <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>
</code></pre>
<p><strong>\u6CE8\u610F\uFF1A</strong> DatePicker\u3001MonthPicker\u3001RangePicker\u3001WeekPicker \u90E8\u5206 locale \u662F\u4ECE value \u4E2D\u8BFB\u53D6\uFF0C\u6240\u4EE5\u8BF7\u5148\u6B63\u786E\u8BBE\u7F6E moment \u7684 locale\u3002</p>
<pre class="language-html" v-pre><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>template</span><span class="token punctuation">></span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-date-picker</span> <span class="token attr-name"><span class="token namespace">v-model:</span>value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>value<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>template</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">
  <span class="token comment">// \u9ED8\u8BA4\u8BED\u8A00\u4E3A en-US\uFF0C\u5982\u679C\u4F60\u9700\u8981\u8BBE\u7F6E\u5176\u4ED6\u8BED\u8A00\uFF0C\u63A8\u8350\u5728\u5165\u53E3\u6587\u4EF6\u5168\u5C40\u8BBE\u7F6E locale</span>
  <span class="token keyword">import</span> moment <span class="token keyword">from</span> <span class="token string">'moment'</span><span class="token punctuation">;</span>
  <span class="token keyword">import</span> <span class="token string">'moment/dist/locale/zh-cn'</span><span class="token punctuation">;</span>
  <span class="token keyword">import</span> <span class="token punctuation">{</span> defineComponent <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'vue'</span><span class="token punctuation">;</span>
  <span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token function">defineComponent</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
    <span class="token function">setup</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
      <span class="token keyword">return</span> <span class="token punctuation">{</span>
        <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token function">moment</span><span class="token punctuation">(</span><span class="token string">'2015-01-01'</span><span class="token punctuation">,</span> <span class="token string">'YYYY-MM-DD'</span><span class="token punctuation">)</span>
        moment<span class="token punctuation">,</span>
      <span class="token punctuation">}</span><span class="token punctuation">;</span>
    <span class="token punctuation">}</span><span class="token punctuation">,</span>
  <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>
</code></pre>
<h3 id="\u5171\u540C\u7684-api">\u5171\u540C\u7684 API</h3>
<p>\u4EE5\u4E0B API \u4E3A DatePicker\u3001MonthPicker\u3001RangePicker, WeekPicker \u5171\u4EAB\u7684 API\u3002</p>
<table>
<thead>
<tr>
<th>\u53C2\u6570</th>
<th>\u8BF4\u660E</th>
<th>\u7C7B\u578B</th>
<th>\u9ED8\u8BA4\u503C</th>
<th>\u7248\u672C</th>
</tr>
</thead>
<tbody>
<tr>
<td>allowClear</td>
<td>\u662F\u5426\u663E\u793A\u6E05\u9664\u6309\u94AE</td>
<td>boolean</td>
<td>true</td>
<td>-</td>
</tr>
<tr>
<td>autofocus</td>
<td>\u81EA\u52A8\u83B7\u53D6\u7126\u70B9</td>
<td>boolean</td>
<td>false</td>
<td>-</td>
</tr>
<tr>
<td>dateRender</td>
<td>\u4F5C\u7528\u57DF\u63D2\u69FD\uFF0C\u81EA\u5B9A\u4E49\u65E5\u671F\u5355\u5143\u683C\u7684\u5185\u5BB9</td>
<td>#dateRender=&quot;{current, today}&quot;</td>
<td>-</td>
<td>-</td>
</tr>
<tr>
<td>disabled</td>
<td>\u7981\u7528</td>
<td>boolean</td>
<td>false</td>
<td>-</td>
</tr>
<tr>
<td>disabledDate</td>
<td>\u4E0D\u53EF\u9009\u62E9\u7684\u65E5\u671F</td>
<td>(currentDate: moment) =&gt; boolean</td>
<td>\u65E0</td>
<td>-</td>
</tr>
<tr>
<td>getCalendarContainer</td>
<td>\u5B9A\u4E49\u6D6E\u5C42\u7684\u5BB9\u5668\uFF0C\u9ED8\u8BA4\u4E3A body \u4E0A\u65B0\u5EFA div</td>
<td>function(trigger)</td>
<td>\u65E0</td>
<td>-</td>
</tr>
<tr>
<td>locale</td>
<td>\u56FD\u9645\u5316\u914D\u7F6E</td>
<td>object</td>
<td><a href="https://github.com/vueComponent/ant-design-vue/blob/next/components/date-picker/locale/example.json" target="_blank" rel="noopener noreferrer">\u9ED8\u8BA4\u914D\u7F6E</a></td>
<td>-</td>
</tr>
<tr>
<td>mode</td>
<td>\u65E5\u671F\u9762\u677F\u7684\u72B6\u6001</td>
<td><code>time | date | month | year | decade</code></td>
<td>'date'</td>
<td>-</td>
</tr>
<tr>
<td>open</td>
<td>\u63A7\u5236\u5F39\u5C42\u662F\u5426\u5C55\u5F00</td>
<td>boolean</td>
<td>-</td>
<td>-</td>
</tr>
<tr>
<td>placeholder</td>
<td>\u8F93\u5165\u6846\u63D0\u793A\u6587\u5B57</td>
<td>string|RangePicker[]</td>
<td>-</td>
<td>-</td>
</tr>
<tr>
<td>popupStyle</td>
<td>\u989D\u5916\u7684\u5F39\u51FA\u65E5\u5386\u6837\u5F0F</td>
<td>CSSProperties</td>
<td>{}</td>
<td>-</td>
</tr>
<tr>
<td>dropdownClassName</td>
<td>\u989D\u5916\u7684\u5F39\u51FA\u65E5\u5386 class</td>
<td>string</td>
<td>-</td>
<td>-</td>
</tr>
<tr>
<td>size</td>
<td>\u8F93\u5165\u6846\u5927\u5C0F\uFF0C<code>large</code> \u9AD8\u5EA6\u4E3A 40px\uFF0C<code>small</code> \u4E3A 24px\uFF0C\u9ED8\u8BA4\u662F 32px</td>
<td>string</td>
<td>\u65E0</td>
<td>-</td>
</tr>
<tr>
<td>suffixIcon</td>
<td>\u81EA\u5B9A\u4E49\u7684\u9009\u62E9\u6846\u540E\u7F00\u56FE\u6807</td>
<td>VNode | slot</td>
<td>-</td>
<td>-</td>
</tr>
<tr>
<td>inputReadOnly</td>
<td>\u8BBE\u7F6E\u8F93\u5165\u6846\u4E3A\u53EA\u8BFB\uFF08\u907F\u514D\u5728\u79FB\u52A8\u8BBE\u5907\u4E0A\u6253\u5F00\u865A\u62DF\u952E\u76D8\uFF09</td>
<td>boolean</td>
<td>-</td>
<td>1.5.4</td>
</tr>
<tr>
<td>align</td>
<td>\u8BE5\u503C\u5C06\u5408\u5E76\u5230 placement \u7684\u914D\u7F6E\u4E2D\uFF0C\u8BBE\u7F6E\u53C2\u8003 <a href="https://github.com/yiminghe/dom-align" target="_blank" rel="noopener noreferrer">dom-align</a></td>
<td>Object</td>
<td>\u65E0</td>
<td>1.5.4</td>
</tr>
<tr>
<td>valueFormat</td>
<td>\u53EF\u9009\uFF0C\u7ED1\u5B9A\u503C\u7684\u683C\u5F0F\uFF0C\u5BF9 value\u3001defaultValue\u3001defaultPickerValue \u8D77\u4F5C\u7528\u3002\u4E0D\u6307\u5B9A\u5219\u7ED1\u5B9A\u503C\u4E3A moment \u5BF9\u8C61</td>
<td>string\uFF0C<a href="https://momentjs.com/docs/#/displaying/format/" target="_blank" rel="noopener noreferrer">\u5177\u4F53\u683C\u5F0F</a></td>
<td>-</td>
<td>1.5.4</td>
</tr>
</tbody>
</table>
<h3 id="\u5171\u6709\u7684\u4E8B\u4EF6">\u5171\u6709\u7684\u4E8B\u4EF6</h3>
<table>
<thead>
<tr>
<th>\u4E8B\u4EF6\u540D\u79F0</th>
<th>\u8BF4\u660E</th>
<th>\u56DE\u8C03\u53C2\u6570</th>
</tr>
</thead>
<tbody>
<tr>
<td>openChange</td>
<td>\u5F39\u51FA\u65E5\u5386\u548C\u5173\u95ED\u65E5\u5386\u7684\u56DE\u8C03</td>
<td>function(status)</td>
</tr>
<tr>
<td>panelChange</td>
<td>\u65E5\u671F\u9762\u677F\u53D8\u5316\u65F6\u7684\u56DE\u8C03</td>
<td>function(value, mode)</td>
</tr>
</tbody>
</table>
<h3 id="\u5171\u540C\u7684\u65B9\u6CD5">\u5171\u540C\u7684\u65B9\u6CD5</h3>
<table>
<thead>
<tr>
<th>\u540D\u79F0</th>
<th>\u63CF\u8FF0</th>
</tr>
</thead>
<tbody>
<tr>
<td>blur()</td>
<td>\u79FB\u9664\u7126\u70B9</td>
</tr>
<tr>
<td>focus()</td>
<td>\u83B7\u53D6\u7126\u70B9</td>
</tr>
</tbody>
</table>
<h3 id="datepicker">DatePicker</h3>
<table>
<thead>
<tr>
<th>\u53C2\u6570</th>
<th>\u8BF4\u660E</th>
<th>\u7C7B\u578B</th>
<th>\u9ED8\u8BA4\u503C</th>
</tr>
</thead>
<tbody>
<tr>
<td>defaultPickerValue</td>
<td>\u9ED8\u8BA4\u9762\u677F\u65E5\u671F</td>
<td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a></td>
<td>\u65E0</td>
</tr>
<tr>
<td>disabledTime</td>
<td>\u4E0D\u53EF\u9009\u62E9\u7684\u65F6\u95F4</td>
<td>function(date)</td>
<td>\u65E0</td>
</tr>
<tr>
<td>format</td>
<td>\u8BBE\u7F6E\u65E5\u671F\u683C\u5F0F\uFF0C\u4E3A\u6570\u7EC4\u65F6\u652F\u6301\u591A\u683C\u5F0F\u5339\u914D\uFF0C\u5C55\u793A\u4EE5\u7B2C\u4E00\u4E2A\u4E3A\u51C6\u3002\u914D\u7F6E\u53C2\u8003 <a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment.js</a></td>
<td>string | string[]</td>
<td>&quot;YYYY-MM-DD&quot;</td>
</tr>
<tr>
<td>renderExtraFooter</td>
<td>\u5728\u9762\u677F\u4E2D\u6DFB\u52A0\u989D\u5916\u7684\u9875\u811A</td>
<td>#renderExtraFooter=&quot;mode&quot;</td>
<td>-</td>
</tr>
<tr>
<td>showTime</td>
<td>\u589E\u52A0\u65F6\u95F4\u9009\u62E9\u529F\u80FD</td>
<td>Object|boolean</td>
<td><a href="/components/time-picker-cn/#API">TimePicker Options</a></td>
</tr>
<tr>
<td>showTime.defaultValue</td>
<td>\u8BBE\u7F6E\u7528\u6237\u9009\u62E9\u65E5\u671F\u65F6\u9ED8\u8BA4\u7684\u65F6\u5206\u79D2\uFF0C<a href="#components-date-picker-demo-disabled-date">\u4F8B\u5B50</a></td>
<td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a></td>
<td>moment()</td>
</tr>
<tr>
<td>showToday</td>
<td>\u662F\u5426\u5C55\u793A\u201C\u4ECA\u5929\u201D\u6309\u94AE</td>
<td>boolean</td>
<td>true</td>
</tr>
<tr>
<td>value(v-model)</td>
<td>\u65E5\u671F</td>
<td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a></td>
<td>\u65E0</td>
</tr>
</tbody>
</table>
<h3 id="datepicker-\u4E8B\u4EF6">DatePicker \u4E8B\u4EF6</h3>
<table>
<thead>
<tr>
<th>\u4E8B\u4EF6\u540D\u79F0</th>
<th>\u8BF4\u660E</th>
<th>\u56DE\u8C03\u53C2\u6570</th>
</tr>
</thead>
<tbody>
<tr>
<td>change</td>
<td>\u65F6\u95F4\u53D1\u751F\u53D8\u5316\u7684\u56DE\u8C03</td>
<td>function(date: moment | string, dateString: string)</td>
</tr>
<tr>
<td>ok</td>
<td>\u70B9\u51FB\u786E\u5B9A\u6309\u94AE\u7684\u56DE\u8C03</td>
<td>function(date: moment | string)</td>
</tr>
</tbody>
</table>
<h3 id="monthpicker">MonthPicker</h3>
<table>
<thead>
<tr>
<th>\u53C2\u6570</th>
<th>\u8BF4\u660E</th>
<th>\u7C7B\u578B</th>
<th>\u9ED8\u8BA4\u503C</th>
</tr>
</thead>
<tbody>
<tr>
<td>defaultPickerValue</td>
<td>\u9ED8\u8BA4\u9762\u677F\u65E5\u671F</td>
<td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a></td>
<td>\u65E0</td>
</tr>
<tr>
<td>format</td>
<td>\u5C55\u793A\u7684\u65E5\u671F\u683C\u5F0F\uFF0C\u914D\u7F6E\u53C2\u8003 <a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment.js</a></td>
<td>string</td>
<td>&quot;YYYY-MM&quot;</td>
</tr>
<tr>
<td>monthCellContentRender</td>
<td>\u81EA\u5B9A\u4E49\u7684\u6708\u4EFD\u5185\u5BB9\u6E32\u67D3\u65B9\u6CD5</td>
<td>#monthCellContentRender=&quot;{current, locale}&quot;</td>
<td>-</td>
</tr>
<tr>
<td>renderExtraFooter</td>
<td>\u5728\u9762\u677F\u4E2D\u6DFB\u52A0\u989D\u5916\u7684\u9875\u811A</td>
<td>#renderExtraFooter=&quot;mode&quot;</td>
<td>-</td>
</tr>
<tr>
<td>value(v-model)</td>
<td>\u65E5\u671F</td>
<td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a></td>
<td>\u65E0</td>
</tr>
</tbody>
</table>
<h3 id="monthpicker-\u4E8B\u4EF6">MonthPicker \u4E8B\u4EF6</h3>
<table>
<thead>
<tr>
<th>\u4E8B\u4EF6\u540D\u79F0</th>
<th>\u8BF4\u660E</th>
<th>\u56DE\u8C03\u53C2\u6570</th>
</tr>
</thead>
<tbody>
<tr>
<td>change</td>
<td>\u65F6\u95F4\u53D1\u751F\u53D8\u5316\u7684\u56DE\u8C03\uFF0C\u53D1\u751F\u5728\u7528\u6237\u9009\u62E9\u65F6\u95F4\u65F6</td>
<td>function(date: moment | string, dateString: string)</td>
</tr>
</tbody>
</table>
<h3 id="weekpicker">WeekPicker</h3>
<table>
<thead>
<tr>
<th>\u53C2\u6570</th>
<th>\u8BF4\u660E</th>
<th>\u7C7B\u578B</th>
<th>\u9ED8\u8BA4\u503C</th>
</tr>
</thead>
<tbody>
<tr>
<td>defaultPickerValue</td>
<td>\u9ED8\u8BA4\u9762\u677F\u65E5\u671F</td>
<td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a></td>
<td>\u65E0</td>
</tr>
<tr>
<td>format</td>
<td>\u5C55\u793A\u7684\u65E5\u671F\u683C\u5F0F\uFF0C\u914D\u7F6E\u53C2\u8003 <a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment.js</a></td>
<td>string</td>
<td>&quot;YYYY-wo&quot;</td>
</tr>
<tr>
<td>value(v-model)</td>
<td>\u65E5\u671F</td>
<td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a></td>
<td>-</td>
</tr>
<tr>
<td>renderExtraFooter</td>
<td>\u5728\u9762\u677F\u4E2D\u6DFB\u52A0\u989D\u5916\u7684\u9875\u811A</td>
<td>#renderExtraFooter=&quot;mode&quot;</td>
<td>-</td>
</tr>
</tbody>
</table>
<h3 id="weekpicker-\u4E8B\u4EF6">WeekPicker \u4E8B\u4EF6</h3>
<table>
<thead>
<tr>
<th>\u4E8B\u4EF6\u540D\u79F0</th>
<th>\u8BF4\u660E</th>
<th>\u56DE\u8C03\u53C2\u6570</th>
</tr>
</thead>
<tbody>
<tr>
<td>change</td>
<td>\u65F6\u95F4\u53D1\u751F\u53D8\u5316\u7684\u56DE\u8C03\uFF0C\u53D1\u751F\u5728\u7528\u6237\u9009\u62E9\u65F6\u95F4\u65F6</td>
<td>function(date: moment | string, dateString: string)</td>
</tr>
</tbody>
</table>
<h3 id="rangepicker">RangePicker</h3>
<table>
<thead>
<tr>
<th>\u53C2\u6570</th>
<th>\u8BF4\u660E</th>
<th>\u7C7B\u578B</th>
<th>\u9ED8\u8BA4\u503C</th>
<th>\u7248\u672C</th>
</tr>
</thead>
<tbody>
<tr>
<td>defaultPickerValue</td>
<td>\u9ED8\u8BA4\u9762\u677F\u65E5\u671F</td>
<td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a>[]</td>
<td>\u65E0</td>
<td></td>
</tr>
<tr>
<td>disabledTime</td>
<td>\u4E0D\u53EF\u9009\u62E9\u7684\u65F6\u95F4</td>
<td>function(dates: [moment, moment], partial: <code>'start' | 'end'</code>)</td>
<td>\u65E0</td>
<td></td>
</tr>
<tr>
<td>format</td>
<td>\u5C55\u793A\u7684\u65E5\u671F\u683C\u5F0F</td>
<td>string</td>
<td>&quot;YYYY-MM-DD HH:mm:ss&quot;</td>
<td></td>
</tr>
<tr>
<td>ranges</td>
<td>\u9884\u8BBE\u65F6\u95F4\u8303\u56F4\u5FEB\u6377\u9009\u62E9</td>
<td>{ [range: string]: <a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a>[] } | { [range: string]: () =&gt; <a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a>[] }</td>
<td>\u65E0</td>
<td></td>
</tr>
<tr>
<td>renderExtraFooter</td>
<td>\u5728\u9762\u677F\u4E2D\u6DFB\u52A0\u989D\u5916\u7684\u9875\u811A</td>
<td>#renderExtraFooter=&quot;mode&quot;</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>separator</td>
<td>\u8BBE\u7F6E\u5206\u9694\u7B26</td>
<td>string</td>
<td>'~'</td>
<td>1.5.0</td>
</tr>
<tr>
<td>showTime</td>
<td>\u589E\u52A0\u65F6\u95F4\u9009\u62E9\u529F\u80FD</td>
<td>Object|boolean</td>
<td><a href="/components/time-picker-cn/#API">TimePicker Options</a></td>
<td></td>
</tr>
<tr>
<td>showTime.defaultValue</td>
<td>\u8BBE\u7F6E\u7528\u6237\u9009\u62E9\u65E5\u671F\u65F6\u9ED8\u8BA4\u7684\u65F6\u5206\u79D2</td>
<td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a>[]</td>
<td>[moment(), moment()]</td>
<td></td>
</tr>
<tr>
<td>value(v-model)</td>
<td>\u65E5\u671F</td>
<td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a>[]</td>
<td>\u65E0</td>
<td></td>
</tr>
</tbody>
</table>
<h3 id="rangepicker-\u4E8B\u4EF6">RangePicker \u4E8B\u4EF6</h3>
<table>
<thead>
<tr>
<th>\u4E8B\u4EF6\u540D\u79F0</th>
<th>\u8BF4\u660E</th>
<th>\u56DE\u8C03\u53C2\u6570</th>
</tr>
</thead>
<tbody>
<tr>
<td>calendarChange</td>
<td>\u5F85\u9009\u65E5\u671F\u53D1\u751F\u53D8\u5316\u7684\u56DE\u8C03</td>
<td>function(dates: [moment, moment] | [string, string], dateStrings: [string, string])</td>
</tr>
<tr>
<td>change</td>
<td>\u65E5\u671F\u8303\u56F4\u53D1\u751F\u53D8\u5316\u7684\u56DE\u8C03</td>
<td>function(dates: [moment, moment] | [string, string], dateStrings: [string, string])</td>
</tr>
<tr>
<td>ok</td>
<td>\u70B9\u51FB\u786E\u5B9A\u6309\u94AE\u7684\u56DE\u8C03</td>
<td>function(dates: [moment, moment] | [string, string])</td>
</tr>
</tbody>
</table>
`,lastUpdated:1748059052660}},Yn={class:"markdown"};function Vn(s,a,u,m,g,C){return v(),V("article",Yn,a[0]||(a[0]=[P(`<h2 id="api">API</h2><p>\u65E5\u671F\u7C7B\u7EC4\u4EF6\u5305\u62EC\u4EE5\u4E0B\u56DB\u79CD\u5F62\u5F0F\u3002</p><ul><li>DatePicker</li><li>MonthPicker</li><li>RangePicker</li><li>WeekPicker</li></ul><h3 id="\u56FD\u9645\u5316\u914D\u7F6E">\u56FD\u9645\u5316\u914D\u7F6E</h3><p>\u9ED8\u8BA4\u914D\u7F6E\u4E3A en-US\uFF0C\u5982\u679C\u4F60\u9700\u8981\u8BBE\u7F6E\u5176\u4ED6\u8BED\u8A00\uFF0C\u63A8\u8350\u5728\u5165\u53E3\u5904\u4F7F\u7528\u6211\u4EEC\u63D0\u4F9B\u7684\u56FD\u9645\u5316\u7EC4\u4EF6\uFF0C\u8BE6\u89C1\uFF1A<a href="/components/config-provider-cn/">ConfigProvider \u56FD\u9645\u5316</a>\u3002</p><p>\u5982\u6709\u7279\u6B8A\u9700\u6C42\uFF08\u4EC5\u4FEE\u6539\u5355\u4E00\u7EC4\u4EF6\u7684\u8BED\u8A00\uFF09\uFF0C\u8BF7\u4F7F\u7528 locale \u53C2\u6570\uFF0C\u53C2\u8003\uFF1A<a href="https://github.com/vueComponent/ant-design-vue/blob/next/components/date-picker/locale/example.json" target="_blank" rel="noopener noreferrer">\u9ED8\u8BA4\u914D\u7F6E</a>\u3002</p><pre class="language-html"><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>template</span><span class="token punctuation">&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-date-picker</span> <span class="token attr-name"><span class="token namespace">v-model:</span>value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>value<span class="token punctuation">&quot;</span></span> <span class="token attr-name">:locale</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>locale<span class="token punctuation">&quot;</span></span> <span class="token punctuation">/&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>template</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">&gt;</span></span><span class="token script"><span class="token language-javascript">
  <span class="token keyword">import</span> locale <span class="token keyword">from</span> <span class="token string">&#39;ant-design-vue/es/date-picker/locale/zh_CN&#39;</span><span class="token punctuation">;</span>
  <span class="token keyword">import</span> <span class="token punctuation">{</span> defineComponent <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">&#39;vue&#39;</span><span class="token punctuation">;</span>
  <span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token function">defineComponent</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
    <span class="token function">setup</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
      <span class="token keyword">return</span> <span class="token punctuation">{</span>
        locale<span class="token punctuation">,</span>
        <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token keyword">null</span><span class="token punctuation">,</span>
      <span class="token punctuation">}</span><span class="token punctuation">;</span>
    <span class="token punctuation">}</span><span class="token punctuation">,</span>
  <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">&gt;</span></span>
</code></pre><p><strong>\u6CE8\u610F\uFF1A</strong> DatePicker\u3001MonthPicker\u3001RangePicker\u3001WeekPicker \u90E8\u5206 locale \u662F\u4ECE value \u4E2D\u8BFB\u53D6\uFF0C\u6240\u4EE5\u8BF7\u5148\u6B63\u786E\u8BBE\u7F6E moment \u7684 locale\u3002</p><pre class="language-html"><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>template</span><span class="token punctuation">&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-date-picker</span> <span class="token attr-name"><span class="token namespace">v-model:</span>value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>value<span class="token punctuation">&quot;</span></span> <span class="token punctuation">/&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>template</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">&gt;</span></span><span class="token script"><span class="token language-javascript">
  <span class="token comment">// \u9ED8\u8BA4\u8BED\u8A00\u4E3A en-US\uFF0C\u5982\u679C\u4F60\u9700\u8981\u8BBE\u7F6E\u5176\u4ED6\u8BED\u8A00\uFF0C\u63A8\u8350\u5728\u5165\u53E3\u6587\u4EF6\u5168\u5C40\u8BBE\u7F6E locale</span>
  <span class="token keyword">import</span> moment <span class="token keyword">from</span> <span class="token string">&#39;moment&#39;</span><span class="token punctuation">;</span>
  <span class="token keyword">import</span> <span class="token string">&#39;moment/dist/locale/zh-cn&#39;</span><span class="token punctuation">;</span>
  <span class="token keyword">import</span> <span class="token punctuation">{</span> defineComponent <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">&#39;vue&#39;</span><span class="token punctuation">;</span>
  <span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token function">defineComponent</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
    <span class="token function">setup</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
      <span class="token keyword">return</span> <span class="token punctuation">{</span>
        <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token function">moment</span><span class="token punctuation">(</span><span class="token string">&#39;2015-01-01&#39;</span><span class="token punctuation">,</span> <span class="token string">&#39;YYYY-MM-DD&#39;</span><span class="token punctuation">)</span>
        moment<span class="token punctuation">,</span>
      <span class="token punctuation">}</span><span class="token punctuation">;</span>
    <span class="token punctuation">}</span><span class="token punctuation">,</span>
  <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">&gt;</span></span>
</code></pre><h3 id="\u5171\u540C\u7684-api">\u5171\u540C\u7684 API</h3><p>\u4EE5\u4E0B API \u4E3A DatePicker\u3001MonthPicker\u3001RangePicker, WeekPicker \u5171\u4EAB\u7684 API\u3002</p><table><thead><tr><th>\u53C2\u6570</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th><th>\u7248\u672C</th></tr></thead><tbody><tr><td>allowClear</td><td>\u662F\u5426\u663E\u793A\u6E05\u9664\u6309\u94AE</td><td>boolean</td><td>true</td><td>-</td></tr><tr><td>autofocus</td><td>\u81EA\u52A8\u83B7\u53D6\u7126\u70B9</td><td>boolean</td><td>false</td><td>-</td></tr><tr><td>dateRender</td><td>\u4F5C\u7528\u57DF\u63D2\u69FD\uFF0C\u81EA\u5B9A\u4E49\u65E5\u671F\u5355\u5143\u683C\u7684\u5185\u5BB9</td><td>#dateRender=&quot;{current, today}&quot;</td><td>-</td><td>-</td></tr><tr><td>disabled</td><td>\u7981\u7528</td><td>boolean</td><td>false</td><td>-</td></tr><tr><td>disabledDate</td><td>\u4E0D\u53EF\u9009\u62E9\u7684\u65E5\u671F</td><td>(currentDate: moment) =&gt; boolean</td><td>\u65E0</td><td>-</td></tr><tr><td>getCalendarContainer</td><td>\u5B9A\u4E49\u6D6E\u5C42\u7684\u5BB9\u5668\uFF0C\u9ED8\u8BA4\u4E3A body \u4E0A\u65B0\u5EFA div</td><td>function(trigger)</td><td>\u65E0</td><td>-</td></tr><tr><td>locale</td><td>\u56FD\u9645\u5316\u914D\u7F6E</td><td>object</td><td><a href="https://github.com/vueComponent/ant-design-vue/blob/next/components/date-picker/locale/example.json" target="_blank" rel="noopener noreferrer">\u9ED8\u8BA4\u914D\u7F6E</a></td><td>-</td></tr><tr><td>mode</td><td>\u65E5\u671F\u9762\u677F\u7684\u72B6\u6001</td><td><code>time | date | month | year | decade</code></td><td>&#39;date&#39;</td><td>-</td></tr><tr><td>open</td><td>\u63A7\u5236\u5F39\u5C42\u662F\u5426\u5C55\u5F00</td><td>boolean</td><td>-</td><td>-</td></tr><tr><td>placeholder</td><td>\u8F93\u5165\u6846\u63D0\u793A\u6587\u5B57</td><td>string|RangePicker[]</td><td>-</td><td>-</td></tr><tr><td>popupStyle</td><td>\u989D\u5916\u7684\u5F39\u51FA\u65E5\u5386\u6837\u5F0F</td><td>CSSProperties</td><td>{}</td><td>-</td></tr><tr><td>dropdownClassName</td><td>\u989D\u5916\u7684\u5F39\u51FA\u65E5\u5386 class</td><td>string</td><td>-</td><td>-</td></tr><tr><td>size</td><td>\u8F93\u5165\u6846\u5927\u5C0F\uFF0C<code>large</code> \u9AD8\u5EA6\u4E3A 40px\uFF0C<code>small</code> \u4E3A 24px\uFF0C\u9ED8\u8BA4\u662F 32px</td><td>string</td><td>\u65E0</td><td>-</td></tr><tr><td>suffixIcon</td><td>\u81EA\u5B9A\u4E49\u7684\u9009\u62E9\u6846\u540E\u7F00\u56FE\u6807</td><td>VNode | slot</td><td>-</td><td>-</td></tr><tr><td>inputReadOnly</td><td>\u8BBE\u7F6E\u8F93\u5165\u6846\u4E3A\u53EA\u8BFB\uFF08\u907F\u514D\u5728\u79FB\u52A8\u8BBE\u5907\u4E0A\u6253\u5F00\u865A\u62DF\u952E\u76D8\uFF09</td><td>boolean</td><td>-</td><td>1.5.4</td></tr><tr><td>align</td><td>\u8BE5\u503C\u5C06\u5408\u5E76\u5230 placement \u7684\u914D\u7F6E\u4E2D\uFF0C\u8BBE\u7F6E\u53C2\u8003 <a href="https://github.com/yiminghe/dom-align" target="_blank" rel="noopener noreferrer">dom-align</a></td><td>Object</td><td>\u65E0</td><td>1.5.4</td></tr><tr><td>valueFormat</td><td>\u53EF\u9009\uFF0C\u7ED1\u5B9A\u503C\u7684\u683C\u5F0F\uFF0C\u5BF9 value\u3001defaultValue\u3001defaultPickerValue \u8D77\u4F5C\u7528\u3002\u4E0D\u6307\u5B9A\u5219\u7ED1\u5B9A\u503C\u4E3A moment \u5BF9\u8C61</td><td>string\uFF0C<a href="https://momentjs.com/docs/#/displaying/format/" target="_blank" rel="noopener noreferrer">\u5177\u4F53\u683C\u5F0F</a></td><td>-</td><td>1.5.4</td></tr></tbody></table><h3 id="\u5171\u6709\u7684\u4E8B\u4EF6">\u5171\u6709\u7684\u4E8B\u4EF6</h3><table><thead><tr><th>\u4E8B\u4EF6\u540D\u79F0</th><th>\u8BF4\u660E</th><th>\u56DE\u8C03\u53C2\u6570</th></tr></thead><tbody><tr><td>openChange</td><td>\u5F39\u51FA\u65E5\u5386\u548C\u5173\u95ED\u65E5\u5386\u7684\u56DE\u8C03</td><td>function(status)</td></tr><tr><td>panelChange</td><td>\u65E5\u671F\u9762\u677F\u53D8\u5316\u65F6\u7684\u56DE\u8C03</td><td>function(value, mode)</td></tr></tbody></table><h3 id="\u5171\u540C\u7684\u65B9\u6CD5">\u5171\u540C\u7684\u65B9\u6CD5</h3><table><thead><tr><th>\u540D\u79F0</th><th>\u63CF\u8FF0</th></tr></thead><tbody><tr><td>blur()</td><td>\u79FB\u9664\u7126\u70B9</td></tr><tr><td>focus()</td><td>\u83B7\u53D6\u7126\u70B9</td></tr></tbody></table><h3 id="datepicker">DatePicker</h3><table><thead><tr><th>\u53C2\u6570</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th></tr></thead><tbody><tr><td>defaultPickerValue</td><td>\u9ED8\u8BA4\u9762\u677F\u65E5\u671F</td><td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a></td><td>\u65E0</td></tr><tr><td>disabledTime</td><td>\u4E0D\u53EF\u9009\u62E9\u7684\u65F6\u95F4</td><td>function(date)</td><td>\u65E0</td></tr><tr><td>format</td><td>\u8BBE\u7F6E\u65E5\u671F\u683C\u5F0F\uFF0C\u4E3A\u6570\u7EC4\u65F6\u652F\u6301\u591A\u683C\u5F0F\u5339\u914D\uFF0C\u5C55\u793A\u4EE5\u7B2C\u4E00\u4E2A\u4E3A\u51C6\u3002\u914D\u7F6E\u53C2\u8003 <a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment.js</a></td><td>string | string[]</td><td>&quot;YYYY-MM-DD&quot;</td></tr><tr><td>renderExtraFooter</td><td>\u5728\u9762\u677F\u4E2D\u6DFB\u52A0\u989D\u5916\u7684\u9875\u811A</td><td>#renderExtraFooter=&quot;mode&quot;</td><td>-</td></tr><tr><td>showTime</td><td>\u589E\u52A0\u65F6\u95F4\u9009\u62E9\u529F\u80FD</td><td>Object|boolean</td><td><a href="/components/time-picker-cn/#API">TimePicker Options</a></td></tr><tr><td>showTime.defaultValue</td><td>\u8BBE\u7F6E\u7528\u6237\u9009\u62E9\u65E5\u671F\u65F6\u9ED8\u8BA4\u7684\u65F6\u5206\u79D2\uFF0C<a href="#components-date-picker-demo-disabled-date">\u4F8B\u5B50</a></td><td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a></td><td>moment()</td></tr><tr><td>showToday</td><td>\u662F\u5426\u5C55\u793A\u201C\u4ECA\u5929\u201D\u6309\u94AE</td><td>boolean</td><td>true</td></tr><tr><td>value(v-model)</td><td>\u65E5\u671F</td><td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a></td><td>\u65E0</td></tr></tbody></table><h3 id="datepicker-\u4E8B\u4EF6">DatePicker \u4E8B\u4EF6</h3><table><thead><tr><th>\u4E8B\u4EF6\u540D\u79F0</th><th>\u8BF4\u660E</th><th>\u56DE\u8C03\u53C2\u6570</th></tr></thead><tbody><tr><td>change</td><td>\u65F6\u95F4\u53D1\u751F\u53D8\u5316\u7684\u56DE\u8C03</td><td>function(date: moment | string, dateString: string)</td></tr><tr><td>ok</td><td>\u70B9\u51FB\u786E\u5B9A\u6309\u94AE\u7684\u56DE\u8C03</td><td>function(date: moment | string)</td></tr></tbody></table><h3 id="monthpicker">MonthPicker</h3><table><thead><tr><th>\u53C2\u6570</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th></tr></thead><tbody><tr><td>defaultPickerValue</td><td>\u9ED8\u8BA4\u9762\u677F\u65E5\u671F</td><td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a></td><td>\u65E0</td></tr><tr><td>format</td><td>\u5C55\u793A\u7684\u65E5\u671F\u683C\u5F0F\uFF0C\u914D\u7F6E\u53C2\u8003 <a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment.js</a></td><td>string</td><td>&quot;YYYY-MM&quot;</td></tr><tr><td>monthCellContentRender</td><td>\u81EA\u5B9A\u4E49\u7684\u6708\u4EFD\u5185\u5BB9\u6E32\u67D3\u65B9\u6CD5</td><td>#monthCellContentRender=&quot;{current, locale}&quot;</td><td>-</td></tr><tr><td>renderExtraFooter</td><td>\u5728\u9762\u677F\u4E2D\u6DFB\u52A0\u989D\u5916\u7684\u9875\u811A</td><td>#renderExtraFooter=&quot;mode&quot;</td><td>-</td></tr><tr><td>value(v-model)</td><td>\u65E5\u671F</td><td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a></td><td>\u65E0</td></tr></tbody></table><h3 id="monthpicker-\u4E8B\u4EF6">MonthPicker \u4E8B\u4EF6</h3><table><thead><tr><th>\u4E8B\u4EF6\u540D\u79F0</th><th>\u8BF4\u660E</th><th>\u56DE\u8C03\u53C2\u6570</th></tr></thead><tbody><tr><td>change</td><td>\u65F6\u95F4\u53D1\u751F\u53D8\u5316\u7684\u56DE\u8C03\uFF0C\u53D1\u751F\u5728\u7528\u6237\u9009\u62E9\u65F6\u95F4\u65F6</td><td>function(date: moment | string, dateString: string)</td></tr></tbody></table><h3 id="weekpicker">WeekPicker</h3><table><thead><tr><th>\u53C2\u6570</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th></tr></thead><tbody><tr><td>defaultPickerValue</td><td>\u9ED8\u8BA4\u9762\u677F\u65E5\u671F</td><td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a></td><td>\u65E0</td></tr><tr><td>format</td><td>\u5C55\u793A\u7684\u65E5\u671F\u683C\u5F0F\uFF0C\u914D\u7F6E\u53C2\u8003 <a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment.js</a></td><td>string</td><td>&quot;YYYY-wo&quot;</td></tr><tr><td>value(v-model)</td><td>\u65E5\u671F</td><td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a></td><td>-</td></tr><tr><td>renderExtraFooter</td><td>\u5728\u9762\u677F\u4E2D\u6DFB\u52A0\u989D\u5916\u7684\u9875\u811A</td><td>#renderExtraFooter=&quot;mode&quot;</td><td>-</td></tr></tbody></table><h3 id="weekpicker-\u4E8B\u4EF6">WeekPicker \u4E8B\u4EF6</h3><table><thead><tr><th>\u4E8B\u4EF6\u540D\u79F0</th><th>\u8BF4\u660E</th><th>\u56DE\u8C03\u53C2\u6570</th></tr></thead><tbody><tr><td>change</td><td>\u65F6\u95F4\u53D1\u751F\u53D8\u5316\u7684\u56DE\u8C03\uFF0C\u53D1\u751F\u5728\u7528\u6237\u9009\u62E9\u65F6\u95F4\u65F6</td><td>function(date: moment | string, dateString: string)</td></tr></tbody></table><h3 id="rangepicker">RangePicker</h3><table><thead><tr><th>\u53C2\u6570</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th><th>\u7248\u672C</th></tr></thead><tbody><tr><td>defaultPickerValue</td><td>\u9ED8\u8BA4\u9762\u677F\u65E5\u671F</td><td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a>[]</td><td>\u65E0</td><td></td></tr><tr><td>disabledTime</td><td>\u4E0D\u53EF\u9009\u62E9\u7684\u65F6\u95F4</td><td>function(dates: [moment, moment], partial: <code>&#39;start&#39; | &#39;end&#39;</code>)</td><td>\u65E0</td><td></td></tr><tr><td>format</td><td>\u5C55\u793A\u7684\u65E5\u671F\u683C\u5F0F</td><td>string</td><td>&quot;YYYY-MM-DD HH:mm:ss&quot;</td><td></td></tr><tr><td>ranges</td><td>\u9884\u8BBE\u65F6\u95F4\u8303\u56F4\u5FEB\u6377\u9009\u62E9</td><td>{ [range: string]: <a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a>[] } | { [range: string]: () =&gt; <a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a>[] }</td><td>\u65E0</td><td></td></tr><tr><td>renderExtraFooter</td><td>\u5728\u9762\u677F\u4E2D\u6DFB\u52A0\u989D\u5916\u7684\u9875\u811A</td><td>#renderExtraFooter=&quot;mode&quot;</td><td>-</td><td></td></tr><tr><td>separator</td><td>\u8BBE\u7F6E\u5206\u9694\u7B26</td><td>string</td><td>&#39;~&#39;</td><td>1.5.0</td></tr><tr><td>showTime</td><td>\u589E\u52A0\u65F6\u95F4\u9009\u62E9\u529F\u80FD</td><td>Object|boolean</td><td><a href="/components/time-picker-cn/#API">TimePicker Options</a></td><td></td></tr><tr><td>showTime.defaultValue</td><td>\u8BBE\u7F6E\u7528\u6237\u9009\u62E9\u65E5\u671F\u65F6\u9ED8\u8BA4\u7684\u65F6\u5206\u79D2</td><td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a>[]</td><td>[moment(), moment()]</td><td></td></tr><tr><td>value(v-model)</td><td>\u65E5\u671F</td><td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a>[]</td><td>\u65E0</td><td></td></tr></tbody></table><h3 id="rangepicker-\u4E8B\u4EF6">RangePicker \u4E8B\u4EF6</h3><table><thead><tr><th>\u4E8B\u4EF6\u540D\u79F0</th><th>\u8BF4\u660E</th><th>\u56DE\u8C03\u53C2\u6570</th></tr></thead><tbody><tr><td>calendarChange</td><td>\u5F85\u9009\u65E5\u671F\u53D1\u751F\u53D8\u5316\u7684\u56DE\u8C03</td><td>function(dates: [moment, moment] | [string, string], dateStrings: [string, string])</td></tr><tr><td>change</td><td>\u65E5\u671F\u8303\u56F4\u53D1\u751F\u53D8\u5316\u7684\u56DE\u8C03</td><td>function(dates: [moment, moment] | [string, string], dateStrings: [string, string])</td></tr><tr><td>ok</td><td>\u70B9\u51FB\u786E\u5B9A\u6309\u94AE\u7684\u56DE\u8C03</td><td>function(dates: [moment, moment] | [string, string])</td></tr></tbody></table>`,32)]))}var Pn=b(Gn,[["render",Vn]]);const Fn={pageData:{title:"DatePicker",description:"",frontmatter:{category:"Components",type:"Data Entry",title:"DatePicker",cover:"https://gw.alipayobjects.com/zos/alicdn/RT_USzA48/DatePicker.svg"},headers:[{level:2,title:"API",slug:"api",content:"There are four kinds of picker:"},{level:3,title:"Localization",slug:"localization",content:"The default locale is en-US, if you need to use other languages, recommend to use internationalized components provided by us at the entrance. Look at: [ConfigProvider](/components/config-provider/)."},{level:3,title:"Common API",slug:"common-api",content:"The following APIs are shared by DatePicker, MonthPicker, RangePicker, WeekPicker."},{level:3,title:"Common Events",slug:"common-events",content:""},{level:3,title:"Common Methods",slug:"common-methods",content:""},{level:3,title:"DatePicker",slug:"datepicker",content:""},{level:3,title:"DatePicker Events",slug:"datepicker-events",content:""},{level:3,title:"MonthPicker",slug:"monthpicker",content:""},{level:3,title:"MonthPicker Events",slug:"monthpicker-events",content:""},{level:3,title:"WeekPicker",slug:"weekpicker",content:""},{level:3,title:"WeekPicker Events",slug:"weekpicker-events",content:""},{level:3,title:"RangePicker",slug:"rangepicker",content:""},{level:3,title:"RangePicker Events",slug:"rangepicker-events",content:""}],relativePath:"src/docs/date-picker/index.en-US.md",content:`
## API

There are four kinds of picker:

- DatePicker
- MonthPicker
- RangePicker
- WeekPicker

### Localization

The default locale is en-US, if you need to use other languages, recommend to use internationalized components provided by us at the entrance. Look at: [ConfigProvider](/components/config-provider/).

If there are special needs (only modifying single component language), Please use the property: local. Example: [default](https://github.com/vueComponent/ant-design-vue/blob/next/components/date-picker/locale/example.json).

\`\`\`html
&lt;template&gt;
  &lt;a-date-picker v-model:value=&quot;value&quot; :locale=&quot;locale&quot; /&gt;
&lt;/template&gt;
&lt;script&gt;
  import locale from &#39;ant-design-vue/es/date-picker/locale/zh_CN&#39;;
  import { defineComponent } from &#39;vue&#39;;
  export default defineComponent({
    setup() {
      return {
        locale,
        value: null,
      };
    },
  });
&lt;/script&gt;
\`\`\`

**Note:** Part of locale of DatePicker, MonthPicker, RangePicker, WeekPicker is read from value. So, please set the locale of moment correctly.

\`\`\`html
&lt;template&gt;
  &lt;a-date-picker v-model:value=&quot;value&quot; /&gt;
&lt;/template&gt;
&lt;script&gt;
  // The default locale is en-US, if you want to use other locale, just set locale in entry file globally.
  import moment from &#39;moment&#39;;
  import &#39;moment/dist/locale/zh-cn&#39;;
  import { defineComponent } from &#39;vue&#39;;
  export default defineComponent({
    setup() {
      return {
        value: moment(&#39;2015-01-01&#39;, &#39;YYYY-MM-DD&#39;)
        moment,
      };
    },
  });
&lt;/script&gt;
\`\`\`

### Common API

The following APIs are shared by DatePicker, MonthPicker, RangePicker, WeekPicker.

| Property | Description | Type | Default | Version |
| --- | --- | --- | --- | --- | --- | --- | --- |
| allowClear | Whether to show clear button | boolean | true |  |
| autofocus | get focus when component mounted | boolean | false |  |
| dateRender | custom rendering function for date cells by setting a slot | #dateRender=&quot;{current, today}&quot; | - |  |
| disabled | determine whether the DatePicker is disabled | boolean | false |  |
| disabledDate | specify the date that cannot be selected | (currentDate: moment) =&gt; boolean | - |  |
| getCalendarContainer | to set the container of the floating layer, while the default is to create a \`div\` element in \`body\` | function(trigger) | - |  |
| locale | localization configuration | object | [default](https://github.com/vueComponent/ant-design-vue/blob/next/components/date-picker/locale/example.json) |  |
| mode | picker panel mode | \`time | date | month | year\` | &#39;date&#39; |  |
| open | open state of picker | boolean | - |  |
| placeholder | placeholder of date input | string\\|RangePicker\\[] | - |  |
| popupStyle | to customize the style of the popup calendar | CSSProperties | {} |  |
| dropdownClassName | to customize the class of the popup calendar | string | - |  |
| size | determine the size of the input box, the height of \`large\` and \`small\`, are 40px and 24px respectively, while default size is 32px | string | - |  |
| suffixIcon | The custom suffix icon | VNode \\| slot | - |  |
| inputReadOnly | Set the readonly attribute of the input tag (avoids virtual keyboard on touch devices) | boolean | - | 1.5.4 |
| align | this value will be merged into placement&#39;s config, please refer to the settings [dom-align](https://github.com/yiminghe/dom-align) | Object | - | 1.5.4 |
| valueFormat | optional, format of binding value. If not specified, the binding value will be a Date object | string\uFF0C[date formats](https://momentjs.com/docs/#/displaying/format/) | - | 1.5.4 |

### Common Events

| Events Name | Description | Arguments | Version |
| --- | --- | --- | --- |
| openChange | a callback function, can be executed whether the popup calendar is popped up or closed | function(status) |  |
| panelChange | callback when picker panel mode is changed | function(value, mode) |  |

### Common Methods

| Name    | Description  | Version |
| ------- | ------------ | ------- |
| blur()  | remove focus |         |
| focus() | get focus    |         |

### DatePicker

| Property | Description | Type | Default | Version |
| --- | --- | --- | --- | --- |
| defaultValue | to set default date | [moment](http://momentjs.com/) | - |  |
| defaultPickerValue | to set default picker date | [moment](http://momentjs.com/) | - |  |
| disabledTime | to specify the time that cannot be selected | function(date) | - |  |
| format | to set the date format, refer to [moment.js](http://momentjs.com/) | string | &quot;YYYY-MM-DD&quot; |  |
| renderExtraFooter | render extra footer in panel by setting a slot | #renderExtraFooter=&quot;mode&quot; | - |  |
| showTime | to provide an additional time selection | object\\|boolean | [TimePicker Options](/components/time-picker/#API) |  |
| showTime.defaultValue | to set default time of selected date | [moment](http://momentjs.com/) | moment() |  |
| showToday | whether to show &quot;Today&quot; button | boolean | true |  |
| value(v-model) | to set date | [moment](http://momentjs.com/) | - |  |

### DatePicker Events

| Events Name | Description | Arguments | Version |
| --- | --- | --- | --- |
| change | a callback function, can be executed when the selected time is changing | function(date: moment \\| string, dateString: string) |  |
| ok | callback when click ok button | function(date: moment \\| string) |  |

### MonthPicker

| Property | Description | Type | Default | Version |
| --- | --- | --- | --- | --- |
| defaultValue | to set default date | [moment](http://momentjs.com/) | - |
| defaultPickerValue | to set default picker date | [moment](http://momentjs.com/) | - |  |
| format | to set the date format. When an array is provided, all values are used for parsing and first value for display. refer to [moment.js](http://momentjs.com/) | string \\| string[] | &quot;YYYY-MM&quot; |  |
| monthCellContentRender | Custom month cell content render method by setting a slot | #monthCellContentRender=&quot;date, locale&quot; | - |  |
| renderExtraFooter | render extra footer in panel by setting a slot | #renderExtraFooter=&quot;mode&quot; | - |  |
| value(v-model) | to set date | [moment](http://momentjs.com/) | - |  |

### MonthPicker Events

| Events Name | Description | Arguments | Version |
| --- | --- | --- | --- |
| change | a callback function, can be executed when the selected time is changing | function(date: moment \\| string, dateString: string) |  |

### WeekPicker

| Property | Description | Type | Default | Version |
| --- | --- | --- | --- | --- |
| defaultValue | to set default date | [moment](http://momentjs.com/) | - |  |
| defaultPickerValue | to set default picker date | [moment](http://momentjs.com/) | - |  |
| format | to set the date format, refer to [moment.js](http://momentjs.com/) | string | &quot;YYYY-wo&quot; |  |
| value(v-model) | to set date | [moment](http://momentjs.com/) | - |  |
| renderExtraFooter | render extra footer in panel by setting a slot | #renderExtraFooter=&quot;mode&quot; | - |  |

### WeekPicker Events

| Events Name | Description | Arguments | Version |
| --- | --- | --- | --- |
| change | a callback function, can be executed when the selected time is changing | function(date: moment \\| string, dateString: string) |  |

### RangePicker

| Property | Description | Type | Default | Version |
| --- | --- | --- | --- | --- | --- |
| defaultValue | to set default date | [moment](http://momentjs.com/)\\[] | - |  |
| defaultPickerValue | to set default picker date | [moment](http://momentjs.com/)\\[] | - |  |
| disabledTime | to specify the time that cannot be selected | function(dates: \\[moment, moment\\], partial: \`&#39;start&#39; | &#39;end&#39;\`) | - |  |
| format | to set the date format | string | &quot;YYYY-MM-DD HH:mm:ss&quot; |  |
| ranges | preseted ranges for quick selection | { \\[range: string]: [moment](http://momentjs.com/)\\[] } \\| { \\[range: string]: () =&gt; [moment](http://momentjs.com/)\\[] } | - |  |
| renderExtraFooter | render extra footer in panel by setting a slot | #renderExtraFooter=&quot;mode&quot; | - |  |
| separator | set separator between inputs | string | &#39;~&#39; | 1.5.0 |
| showTime | to provide an additional time selection | object\\|boolean | [TimePicker Options](/components/time-picker/#API) |  |
| showTime.defaultValue | to set default time of selected date, [demo](#components-date-picker-demo-disabled-date) | [moment](http://momentjs.com/)\\[] | \\[moment(), moment()] |  |
| value(v-model) | to set date | \\[[moment](http://momentjs.com/), [moment](http://momentjs.com/)] | - |  |

### RangePicker Events

| Events Name | Description | Arguments | Version |
| --- | --- | --- | --- |
| calendarChange | a callback function, can be executed when the start time or the end time of the range is changing | function(dates: \\[moment, moment\\] \\| \\[string, string\\], dateStrings: \\[string, string\\]) |  |
| change | a callback function, can be executed when the selected time is changing | function(dates: \\[moment, moment\\] \\| \\[string, string\\], dateStrings: \\[string, string\\]) |  |
| ok | callback when click ok button | function(dates: \\[moment, moment\\] \\| \\[string, string\\]) |  |
`,html:`<h2 id="api">API</h2>
<p>There are four kinds of picker:</p>
<ul>
<li>DatePicker</li>
<li>MonthPicker</li>
<li>RangePicker</li>
<li>WeekPicker</li>
</ul>
<h3 id="localization">Localization</h3>
<p>The default locale is en-US, if you need to use other languages, recommend to use internationalized components provided by us at the entrance. Look at: <a href="/components/config-provider/">ConfigProvider</a>.</p>
<p>If there are special needs (only modifying single component language), Please use the property: local. Example: <a href="https://github.com/vueComponent/ant-design-vue/blob/next/components/date-picker/locale/example.json" target="_blank" rel="noopener noreferrer">default</a>.</p>
<pre class="language-html" v-pre><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>template</span><span class="token punctuation">></span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-date-picker</span> <span class="token attr-name"><span class="token namespace">v-model:</span>value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>value<span class="token punctuation">"</span></span> <span class="token attr-name">:locale</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>locale<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>template</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">
  <span class="token keyword">import</span> locale <span class="token keyword">from</span> <span class="token string">'ant-design-vue/es/date-picker/locale/zh_CN'</span><span class="token punctuation">;</span>
  <span class="token keyword">import</span> <span class="token punctuation">{</span> defineComponent <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'vue'</span><span class="token punctuation">;</span>
  <span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token function">defineComponent</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
    <span class="token function">setup</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
      <span class="token keyword">return</span> <span class="token punctuation">{</span>
        locale<span class="token punctuation">,</span>
        <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token keyword">null</span><span class="token punctuation">,</span>
      <span class="token punctuation">}</span><span class="token punctuation">;</span>
    <span class="token punctuation">}</span><span class="token punctuation">,</span>
  <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>
</code></pre>
<p><strong>Note:</strong> Part of locale of DatePicker, MonthPicker, RangePicker, WeekPicker is read from value. So, please set the locale of moment correctly.</p>
<pre class="language-html" v-pre><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>template</span><span class="token punctuation">></span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-date-picker</span> <span class="token attr-name"><span class="token namespace">v-model:</span>value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>value<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>template</span><span class="token punctuation">></span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">
  <span class="token comment">// The default locale is en-US, if you want to use other locale, just set locale in entry file globally.</span>
  <span class="token keyword">import</span> moment <span class="token keyword">from</span> <span class="token string">'moment'</span><span class="token punctuation">;</span>
  <span class="token keyword">import</span> <span class="token string">'moment/dist/locale/zh-cn'</span><span class="token punctuation">;</span>
  <span class="token keyword">import</span> <span class="token punctuation">{</span> defineComponent <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'vue'</span><span class="token punctuation">;</span>
  <span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token function">defineComponent</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
    <span class="token function">setup</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
      <span class="token keyword">return</span> <span class="token punctuation">{</span>
        <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token function">moment</span><span class="token punctuation">(</span><span class="token string">'2015-01-01'</span><span class="token punctuation">,</span> <span class="token string">'YYYY-MM-DD'</span><span class="token punctuation">)</span>
        moment<span class="token punctuation">,</span>
      <span class="token punctuation">}</span><span class="token punctuation">;</span>
    <span class="token punctuation">}</span><span class="token punctuation">,</span>
  <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>
</code></pre>
<h3 id="common-api">Common API</h3>
<p>The following APIs are shared by DatePicker, MonthPicker, RangePicker, WeekPicker.</p>
<table>
<thead>
<tr>
<th>Property</th>
<th>Description</th>
<th>Type</th>
<th>Default</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>allowClear</td>
<td>Whether to show clear button</td>
<td>boolean</td>
<td>true</td>
<td></td>
</tr>
<tr>
<td>autofocus</td>
<td>get focus when component mounted</td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>dateRender</td>
<td>custom rendering function for date cells by setting a slot</td>
<td>#dateRender=&quot;{current, today}&quot;</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>disabled</td>
<td>determine whether the DatePicker is disabled</td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>disabledDate</td>
<td>specify the date that cannot be selected</td>
<td>(currentDate: moment) =&gt; boolean</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>getCalendarContainer</td>
<td>to set the container of the floating layer, while the default is to create a <code>div</code> element in <code>body</code></td>
<td>function(trigger)</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>locale</td>
<td>localization configuration</td>
<td>object</td>
<td><a href="https://github.com/vueComponent/ant-design-vue/blob/next/components/date-picker/locale/example.json" target="_blank" rel="noopener noreferrer">default</a></td>
<td></td>
</tr>
<tr>
<td>mode</td>
<td>picker panel mode</td>
<td><code>time | date | month | year</code></td>
<td>'date'</td>
<td></td>
</tr>
<tr>
<td>open</td>
<td>open state of picker</td>
<td>boolean</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>placeholder</td>
<td>placeholder of date input</td>
<td>string|RangePicker[]</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>popupStyle</td>
<td>to customize the style of the popup calendar</td>
<td>CSSProperties</td>
<td>{}</td>
<td></td>
</tr>
<tr>
<td>dropdownClassName</td>
<td>to customize the class of the popup calendar</td>
<td>string</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>size</td>
<td>determine the size of the input box, the height of <code>large</code> and <code>small</code>, are 40px and 24px respectively, while default size is 32px</td>
<td>string</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>suffixIcon</td>
<td>The custom suffix icon</td>
<td>VNode | slot</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>inputReadOnly</td>
<td>Set the readonly attribute of the input tag (avoids virtual keyboard on touch devices)</td>
<td>boolean</td>
<td>-</td>
<td>1.5.4</td>
</tr>
<tr>
<td>align</td>
<td>this value will be merged into placement's config, please refer to the settings <a href="https://github.com/yiminghe/dom-align" target="_blank" rel="noopener noreferrer">dom-align</a></td>
<td>Object</td>
<td>-</td>
<td>1.5.4</td>
</tr>
<tr>
<td>valueFormat</td>
<td>optional, format of binding value. If not specified, the binding value will be a Date object</td>
<td>string\uFF0C<a href="https://momentjs.com/docs/#/displaying/format/" target="_blank" rel="noopener noreferrer">date formats</a></td>
<td>-</td>
<td>1.5.4</td>
</tr>
</tbody>
</table>
<h3 id="common-events">Common Events</h3>
<table>
<thead>
<tr>
<th>Events Name</th>
<th>Description</th>
<th>Arguments</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>openChange</td>
<td>a callback function, can be executed whether the popup calendar is popped up or closed</td>
<td>function(status)</td>
<td></td>
</tr>
<tr>
<td>panelChange</td>
<td>callback when picker panel mode is changed</td>
<td>function(value, mode)</td>
<td></td>
</tr>
</tbody>
</table>
<h3 id="common-methods">Common Methods</h3>
<table>
<thead>
<tr>
<th>Name</th>
<th>Description</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>blur()</td>
<td>remove focus</td>
<td></td>
</tr>
<tr>
<td>focus()</td>
<td>get focus</td>
<td></td>
</tr>
</tbody>
</table>
<h3 id="datepicker">DatePicker</h3>
<table>
<thead>
<tr>
<th>Property</th>
<th>Description</th>
<th>Type</th>
<th>Default</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>defaultValue</td>
<td>to set default date</td>
<td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a></td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>defaultPickerValue</td>
<td>to set default picker date</td>
<td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a></td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>disabledTime</td>
<td>to specify the time that cannot be selected</td>
<td>function(date)</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>format</td>
<td>to set the date format, refer to <a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment.js</a></td>
<td>string</td>
<td>&quot;YYYY-MM-DD&quot;</td>
<td></td>
</tr>
<tr>
<td>renderExtraFooter</td>
<td>render extra footer in panel by setting a slot</td>
<td>#renderExtraFooter=&quot;mode&quot;</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>showTime</td>
<td>to provide an additional time selection</td>
<td>object|boolean</td>
<td><a href="/components/time-picker/#API">TimePicker Options</a></td>
<td></td>
</tr>
<tr>
<td>showTime.defaultValue</td>
<td>to set default time of selected date</td>
<td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a></td>
<td>moment()</td>
<td></td>
</tr>
<tr>
<td>showToday</td>
<td>whether to show &quot;Today&quot; button</td>
<td>boolean</td>
<td>true</td>
<td></td>
</tr>
<tr>
<td>value(v-model)</td>
<td>to set date</td>
<td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a></td>
<td>-</td>
<td></td>
</tr>
</tbody>
</table>
<h3 id="datepicker-events">DatePicker Events</h3>
<table>
<thead>
<tr>
<th>Events Name</th>
<th>Description</th>
<th>Arguments</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>change</td>
<td>a callback function, can be executed when the selected time is changing</td>
<td>function(date: moment | string, dateString: string)</td>
<td></td>
</tr>
<tr>
<td>ok</td>
<td>callback when click ok button</td>
<td>function(date: moment | string)</td>
<td></td>
</tr>
</tbody>
</table>
<h3 id="monthpicker">MonthPicker</h3>
<table>
<thead>
<tr>
<th>Property</th>
<th>Description</th>
<th>Type</th>
<th>Default</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>defaultValue</td>
<td>to set default date</td>
<td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a></td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>defaultPickerValue</td>
<td>to set default picker date</td>
<td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a></td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>format</td>
<td>to set the date format. When an array is provided, all values are used for parsing and first value for display. refer to <a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment.js</a></td>
<td>string | string[]</td>
<td>&quot;YYYY-MM&quot;</td>
<td></td>
</tr>
<tr>
<td>monthCellContentRender</td>
<td>Custom month cell content render method by setting a slot</td>
<td>#monthCellContentRender=&quot;date, locale&quot;</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>renderExtraFooter</td>
<td>render extra footer in panel by setting a slot</td>
<td>#renderExtraFooter=&quot;mode&quot;</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>value(v-model)</td>
<td>to set date</td>
<td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a></td>
<td>-</td>
<td></td>
</tr>
</tbody>
</table>
<h3 id="monthpicker-events">MonthPicker Events</h3>
<table>
<thead>
<tr>
<th>Events Name</th>
<th>Description</th>
<th>Arguments</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>change</td>
<td>a callback function, can be executed when the selected time is changing</td>
<td>function(date: moment | string, dateString: string)</td>
<td></td>
</tr>
</tbody>
</table>
<h3 id="weekpicker">WeekPicker</h3>
<table>
<thead>
<tr>
<th>Property</th>
<th>Description</th>
<th>Type</th>
<th>Default</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>defaultValue</td>
<td>to set default date</td>
<td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a></td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>defaultPickerValue</td>
<td>to set default picker date</td>
<td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a></td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>format</td>
<td>to set the date format, refer to <a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment.js</a></td>
<td>string</td>
<td>&quot;YYYY-wo&quot;</td>
<td></td>
</tr>
<tr>
<td>value(v-model)</td>
<td>to set date</td>
<td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a></td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>renderExtraFooter</td>
<td>render extra footer in panel by setting a slot</td>
<td>#renderExtraFooter=&quot;mode&quot;</td>
<td>-</td>
<td></td>
</tr>
</tbody>
</table>
<h3 id="weekpicker-events">WeekPicker Events</h3>
<table>
<thead>
<tr>
<th>Events Name</th>
<th>Description</th>
<th>Arguments</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>change</td>
<td>a callback function, can be executed when the selected time is changing</td>
<td>function(date: moment | string, dateString: string)</td>
<td></td>
</tr>
</tbody>
</table>
<h3 id="rangepicker">RangePicker</h3>
<table>
<thead>
<tr>
<th>Property</th>
<th>Description</th>
<th>Type</th>
<th>Default</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>defaultValue</td>
<td>to set default date</td>
<td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a>[]</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>defaultPickerValue</td>
<td>to set default picker date</td>
<td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a>[]</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>disabledTime</td>
<td>to specify the time that cannot be selected</td>
<td>function(dates: [moment, moment], partial: <code>'start' | 'end'</code>)</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>format</td>
<td>to set the date format</td>
<td>string</td>
<td>&quot;YYYY-MM-DD HH:mm:ss&quot;</td>
<td></td>
</tr>
<tr>
<td>ranges</td>
<td>preseted ranges for quick selection</td>
<td>{ [range: string]: <a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a>[] } | { [range: string]: () =&gt; <a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a>[] }</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>renderExtraFooter</td>
<td>render extra footer in panel by setting a slot</td>
<td>#renderExtraFooter=&quot;mode&quot;</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>separator</td>
<td>set separator between inputs</td>
<td>string</td>
<td>'~'</td>
<td>1.5.0</td>
</tr>
<tr>
<td>showTime</td>
<td>to provide an additional time selection</td>
<td>object|boolean</td>
<td><a href="/components/time-picker/#API">TimePicker Options</a></td>
<td></td>
</tr>
<tr>
<td>showTime.defaultValue</td>
<td>to set default time of selected date, <a href="#components-date-picker-demo-disabled-date">demo</a></td>
<td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a>[]</td>
<td>[moment(), moment()]</td>
<td></td>
</tr>
<tr>
<td>value(v-model)</td>
<td>to set date</td>
<td>[<a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a>, <a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a>]</td>
<td>-</td>
<td></td>
</tr>
</tbody>
</table>
<h3 id="rangepicker-events">RangePicker Events</h3>
<table>
<thead>
<tr>
<th>Events Name</th>
<th>Description</th>
<th>Arguments</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>calendarChange</td>
<td>a callback function, can be executed when the start time or the end time of the range is changing</td>
<td>function(dates: [moment, moment] | [string, string], dateStrings: [string, string])</td>
<td></td>
</tr>
<tr>
<td>change</td>
<td>a callback function, can be executed when the selected time is changing</td>
<td>function(dates: [moment, moment] | [string, string], dateStrings: [string, string])</td>
<td></td>
</tr>
<tr>
<td>ok</td>
<td>callback when click ok button</td>
<td>function(dates: [moment, moment] | [string, string])</td>
<td></td>
</tr>
</tbody>
</table>
`,lastUpdated:1748059052660}},Sn={class:"markdown"};function Rn(s,a,u,m,g,C){return v(),V("article",Sn,a[0]||(a[0]=[P(`<h2 id="api">API</h2><p>There are four kinds of picker:</p><ul><li>DatePicker</li><li>MonthPicker</li><li>RangePicker</li><li>WeekPicker</li></ul><h3 id="localization">Localization</h3><p>The default locale is en-US, if you need to use other languages, recommend to use internationalized components provided by us at the entrance. Look at: <a href="/components/config-provider/">ConfigProvider</a>.</p><p>If there are special needs (only modifying single component language), Please use the property: local. Example: <a href="https://github.com/vueComponent/ant-design-vue/blob/next/components/date-picker/locale/example.json" target="_blank" rel="noopener noreferrer">default</a>.</p><pre class="language-html"><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>template</span><span class="token punctuation">&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-date-picker</span> <span class="token attr-name"><span class="token namespace">v-model:</span>value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>value<span class="token punctuation">&quot;</span></span> <span class="token attr-name">:locale</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>locale<span class="token punctuation">&quot;</span></span> <span class="token punctuation">/&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>template</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">&gt;</span></span><span class="token script"><span class="token language-javascript">
  <span class="token keyword">import</span> locale <span class="token keyword">from</span> <span class="token string">&#39;ant-design-vue/es/date-picker/locale/zh_CN&#39;</span><span class="token punctuation">;</span>
  <span class="token keyword">import</span> <span class="token punctuation">{</span> defineComponent <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">&#39;vue&#39;</span><span class="token punctuation">;</span>
  <span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token function">defineComponent</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
    <span class="token function">setup</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
      <span class="token keyword">return</span> <span class="token punctuation">{</span>
        locale<span class="token punctuation">,</span>
        <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token keyword">null</span><span class="token punctuation">,</span>
      <span class="token punctuation">}</span><span class="token punctuation">;</span>
    <span class="token punctuation">}</span><span class="token punctuation">,</span>
  <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">&gt;</span></span>
</code></pre><p><strong>Note:</strong> Part of locale of DatePicker, MonthPicker, RangePicker, WeekPicker is read from value. So, please set the locale of moment correctly.</p><pre class="language-html"><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>template</span><span class="token punctuation">&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-date-picker</span> <span class="token attr-name"><span class="token namespace">v-model:</span>value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>value<span class="token punctuation">&quot;</span></span> <span class="token punctuation">/&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>template</span><span class="token punctuation">&gt;</span></span>
<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">&gt;</span></span><span class="token script"><span class="token language-javascript">
  <span class="token comment">// The default locale is en-US, if you want to use other locale, just set locale in entry file globally.</span>
  <span class="token keyword">import</span> moment <span class="token keyword">from</span> <span class="token string">&#39;moment&#39;</span><span class="token punctuation">;</span>
  <span class="token keyword">import</span> <span class="token string">&#39;moment/dist/locale/zh-cn&#39;</span><span class="token punctuation">;</span>
  <span class="token keyword">import</span> <span class="token punctuation">{</span> defineComponent <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">&#39;vue&#39;</span><span class="token punctuation">;</span>
  <span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token function">defineComponent</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
    <span class="token function">setup</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
      <span class="token keyword">return</span> <span class="token punctuation">{</span>
        <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token function">moment</span><span class="token punctuation">(</span><span class="token string">&#39;2015-01-01&#39;</span><span class="token punctuation">,</span> <span class="token string">&#39;YYYY-MM-DD&#39;</span><span class="token punctuation">)</span>
        moment<span class="token punctuation">,</span>
      <span class="token punctuation">}</span><span class="token punctuation">;</span>
    <span class="token punctuation">}</span><span class="token punctuation">,</span>
  <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">&gt;</span></span>
</code></pre><h3 id="common-api">Common API</h3><p>The following APIs are shared by DatePicker, MonthPicker, RangePicker, WeekPicker.</p><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th><th>Version</th></tr></thead><tbody><tr><td>allowClear</td><td>Whether to show clear button</td><td>boolean</td><td>true</td><td></td></tr><tr><td>autofocus</td><td>get focus when component mounted</td><td>boolean</td><td>false</td><td></td></tr><tr><td>dateRender</td><td>custom rendering function for date cells by setting a slot</td><td>#dateRender=&quot;{current, today}&quot;</td><td>-</td><td></td></tr><tr><td>disabled</td><td>determine whether the DatePicker is disabled</td><td>boolean</td><td>false</td><td></td></tr><tr><td>disabledDate</td><td>specify the date that cannot be selected</td><td>(currentDate: moment) =&gt; boolean</td><td>-</td><td></td></tr><tr><td>getCalendarContainer</td><td>to set the container of the floating layer, while the default is to create a <code>div</code> element in <code>body</code></td><td>function(trigger)</td><td>-</td><td></td></tr><tr><td>locale</td><td>localization configuration</td><td>object</td><td><a href="https://github.com/vueComponent/ant-design-vue/blob/next/components/date-picker/locale/example.json" target="_blank" rel="noopener noreferrer">default</a></td><td></td></tr><tr><td>mode</td><td>picker panel mode</td><td><code>time | date | month | year</code></td><td>&#39;date&#39;</td><td></td></tr><tr><td>open</td><td>open state of picker</td><td>boolean</td><td>-</td><td></td></tr><tr><td>placeholder</td><td>placeholder of date input</td><td>string|RangePicker[]</td><td>-</td><td></td></tr><tr><td>popupStyle</td><td>to customize the style of the popup calendar</td><td>CSSProperties</td><td>{}</td><td></td></tr><tr><td>dropdownClassName</td><td>to customize the class of the popup calendar</td><td>string</td><td>-</td><td></td></tr><tr><td>size</td><td>determine the size of the input box, the height of <code>large</code> and <code>small</code>, are 40px and 24px respectively, while default size is 32px</td><td>string</td><td>-</td><td></td></tr><tr><td>suffixIcon</td><td>The custom suffix icon</td><td>VNode | slot</td><td>-</td><td></td></tr><tr><td>inputReadOnly</td><td>Set the readonly attribute of the input tag (avoids virtual keyboard on touch devices)</td><td>boolean</td><td>-</td><td>1.5.4</td></tr><tr><td>align</td><td>this value will be merged into placement&#39;s config, please refer to the settings <a href="https://github.com/yiminghe/dom-align" target="_blank" rel="noopener noreferrer">dom-align</a></td><td>Object</td><td>-</td><td>1.5.4</td></tr><tr><td>valueFormat</td><td>optional, format of binding value. If not specified, the binding value will be a Date object</td><td>string\uFF0C<a href="https://momentjs.com/docs/#/displaying/format/" target="_blank" rel="noopener noreferrer">date formats</a></td><td>-</td><td>1.5.4</td></tr></tbody></table><h3 id="common-events">Common Events</h3><table><thead><tr><th>Events Name</th><th>Description</th><th>Arguments</th><th>Version</th></tr></thead><tbody><tr><td>openChange</td><td>a callback function, can be executed whether the popup calendar is popped up or closed</td><td>function(status)</td><td></td></tr><tr><td>panelChange</td><td>callback when picker panel mode is changed</td><td>function(value, mode)</td><td></td></tr></tbody></table><h3 id="common-methods">Common Methods</h3><table><thead><tr><th>Name</th><th>Description</th><th>Version</th></tr></thead><tbody><tr><td>blur()</td><td>remove focus</td><td></td></tr><tr><td>focus()</td><td>get focus</td><td></td></tr></tbody></table><h3 id="datepicker">DatePicker</h3><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th><th>Version</th></tr></thead><tbody><tr><td>defaultValue</td><td>to set default date</td><td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a></td><td>-</td><td></td></tr><tr><td>defaultPickerValue</td><td>to set default picker date</td><td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a></td><td>-</td><td></td></tr><tr><td>disabledTime</td><td>to specify the time that cannot be selected</td><td>function(date)</td><td>-</td><td></td></tr><tr><td>format</td><td>to set the date format, refer to <a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment.js</a></td><td>string</td><td>&quot;YYYY-MM-DD&quot;</td><td></td></tr><tr><td>renderExtraFooter</td><td>render extra footer in panel by setting a slot</td><td>#renderExtraFooter=&quot;mode&quot;</td><td>-</td><td></td></tr><tr><td>showTime</td><td>to provide an additional time selection</td><td>object|boolean</td><td><a href="/components/time-picker/#API">TimePicker Options</a></td><td></td></tr><tr><td>showTime.defaultValue</td><td>to set default time of selected date</td><td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a></td><td>moment()</td><td></td></tr><tr><td>showToday</td><td>whether to show &quot;Today&quot; button</td><td>boolean</td><td>true</td><td></td></tr><tr><td>value(v-model)</td><td>to set date</td><td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a></td><td>-</td><td></td></tr></tbody></table><h3 id="datepicker-events">DatePicker Events</h3><table><thead><tr><th>Events Name</th><th>Description</th><th>Arguments</th><th>Version</th></tr></thead><tbody><tr><td>change</td><td>a callback function, can be executed when the selected time is changing</td><td>function(date: moment | string, dateString: string)</td><td></td></tr><tr><td>ok</td><td>callback when click ok button</td><td>function(date: moment | string)</td><td></td></tr></tbody></table><h3 id="monthpicker">MonthPicker</h3><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th><th>Version</th></tr></thead><tbody><tr><td>defaultValue</td><td>to set default date</td><td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a></td><td>-</td><td></td></tr><tr><td>defaultPickerValue</td><td>to set default picker date</td><td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a></td><td>-</td><td></td></tr><tr><td>format</td><td>to set the date format. When an array is provided, all values are used for parsing and first value for display. refer to <a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment.js</a></td><td>string | string[]</td><td>&quot;YYYY-MM&quot;</td><td></td></tr><tr><td>monthCellContentRender</td><td>Custom month cell content render method by setting a slot</td><td>#monthCellContentRender=&quot;date, locale&quot;</td><td>-</td><td></td></tr><tr><td>renderExtraFooter</td><td>render extra footer in panel by setting a slot</td><td>#renderExtraFooter=&quot;mode&quot;</td><td>-</td><td></td></tr><tr><td>value(v-model)</td><td>to set date</td><td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a></td><td>-</td><td></td></tr></tbody></table><h3 id="monthpicker-events">MonthPicker Events</h3><table><thead><tr><th>Events Name</th><th>Description</th><th>Arguments</th><th>Version</th></tr></thead><tbody><tr><td>change</td><td>a callback function, can be executed when the selected time is changing</td><td>function(date: moment | string, dateString: string)</td><td></td></tr></tbody></table><h3 id="weekpicker">WeekPicker</h3><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th><th>Version</th></tr></thead><tbody><tr><td>defaultValue</td><td>to set default date</td><td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a></td><td>-</td><td></td></tr><tr><td>defaultPickerValue</td><td>to set default picker date</td><td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a></td><td>-</td><td></td></tr><tr><td>format</td><td>to set the date format, refer to <a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment.js</a></td><td>string</td><td>&quot;YYYY-wo&quot;</td><td></td></tr><tr><td>value(v-model)</td><td>to set date</td><td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a></td><td>-</td><td></td></tr><tr><td>renderExtraFooter</td><td>render extra footer in panel by setting a slot</td><td>#renderExtraFooter=&quot;mode&quot;</td><td>-</td><td></td></tr></tbody></table><h3 id="weekpicker-events">WeekPicker Events</h3><table><thead><tr><th>Events Name</th><th>Description</th><th>Arguments</th><th>Version</th></tr></thead><tbody><tr><td>change</td><td>a callback function, can be executed when the selected time is changing</td><td>function(date: moment | string, dateString: string)</td><td></td></tr></tbody></table><h3 id="rangepicker">RangePicker</h3><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th><th>Version</th></tr></thead><tbody><tr><td>defaultValue</td><td>to set default date</td><td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a>[]</td><td>-</td><td></td></tr><tr><td>defaultPickerValue</td><td>to set default picker date</td><td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a>[]</td><td>-</td><td></td></tr><tr><td>disabledTime</td><td>to specify the time that cannot be selected</td><td>function(dates: [moment, moment], partial: <code>&#39;start&#39; | &#39;end&#39;</code>)</td><td>-</td><td></td></tr><tr><td>format</td><td>to set the date format</td><td>string</td><td>&quot;YYYY-MM-DD HH:mm:ss&quot;</td><td></td></tr><tr><td>ranges</td><td>preseted ranges for quick selection</td><td>{ [range: string]: <a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a>[] } | { [range: string]: () =&gt; <a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a>[] }</td><td>-</td><td></td></tr><tr><td>renderExtraFooter</td><td>render extra footer in panel by setting a slot</td><td>#renderExtraFooter=&quot;mode&quot;</td><td>-</td><td></td></tr><tr><td>separator</td><td>set separator between inputs</td><td>string</td><td>&#39;~&#39;</td><td>1.5.0</td></tr><tr><td>showTime</td><td>to provide an additional time selection</td><td>object|boolean</td><td><a href="/components/time-picker/#API">TimePicker Options</a></td><td></td></tr><tr><td>showTime.defaultValue</td><td>to set default time of selected date, <a href="#components-date-picker-demo-disabled-date">demo</a></td><td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a>[]</td><td>[moment(), moment()]</td><td></td></tr><tr><td>value(v-model)</td><td>to set date</td><td>[<a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a>, <a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a>]</td><td>-</td><td></td></tr></tbody></table><h3 id="rangepicker-events">RangePicker Events</h3><table><thead><tr><th>Events Name</th><th>Description</th><th>Arguments</th><th>Version</th></tr></thead><tbody><tr><td>calendarChange</td><td>a callback function, can be executed when the start time or the end time of the range is changing</td><td>function(dates: [moment, moment] | [string, string], dateStrings: [string, string])</td><td></td></tr><tr><td>change</td><td>a callback function, can be executed when the selected time is changing</td><td>function(dates: [moment, moment] | [string, string], dateStrings: [string, string])</td><td></td></tr><tr><td>ok</td><td>callback when click ok button</td><td>function(dates: [moment, moment] | [string, string])</td><td></td></tr></tbody></table>`,32)]))}var Bn=b(Fn,[["render",Rn]]);const Dn=Z({CN:Pn,US:Bn,components:{Basic:j,DateRender:T,DisabledDate:q,Disabled:M,ExtraFooter:_,Format:tn,Mode:en,PresettedRanges:cn,Size:gn,StartEnd:In,Time:vn,Suffix:Zn,Text:wn,SelectInRnage:kn}});function Hn(s,a,u,m,g,C){const c=e("Basic"),l=e("Format"),i=e("Time"),r=e("Disabled"),I=e("DisabledDate"),k=e("SelectInRnage"),f=e("PresettedRanges"),W=e("ExtraFooter"),w=e("Size"),F=e("DateRender"),S=e("Mode"),R=e("StartEnd"),B=e("Text"),D=e("Suffix"),H=e("demo-sort");return v(),A(H,null,{default:p(()=>[o(c),o(l),o(i),o(r),o(I),o(k),o(f),o(W),o(w),o(F),o(S),o(R),o(B),o(D)]),_:1})}var xn=b(Dn,[["render",Hn]]);export{xn as default};