import{d as f,r as k,_ as b,j as o,k as v,l as h,w as e,b as n,f as c,e as t,t as V,y as C,s as I,a as w,n as y}from"./index.c1b9962e.js";import{S as G}from"./SmileOutlined.8742fd55.js";const S=f({setup(){return{value:k(void 0)}}});function j(s,a,r,m,g,i){const l=o("a-time-picker"),u=o("demo-box");return v(),h(u,{jsfiddle:{us:"TimePicker of 12 hours format, with default format `h:mm:ss a`.",cn:"12 \u5C0F\u65F6\u5236\u7684\u65F6\u95F4\u9009\u62E9\u5668\uFF0C\u9ED8\u8BA4\u7684 format \u4E3A `h:mm:ss a`\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>12 \u5C0F\u65F6\u5236\u7684\u65F6\u95F4\u9009\u62E9\u5668\uFF0C\u9ED8\u8BA4\u7684 format \u4E3A <code>h:mm:ss a</code>\u3002</p>
<h2 id="en-us">en-US</h2>
<p>TimePicker of 12 hours format, with default format <code>h:mm:ss a</code>.</p>
`,order:2,title:{"zh-CN":"12 \u5C0F\u65F6\u5236","en-US":"12 hours"},relativePath:"src/docs/time-picker/demo/12hours.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS10aW1lLXBpY2tlciB2LW1vZGVsOnZhbHVlPSJ2YWx1ZSIgdXNlMTItaG91cnMgLz4KICAgIDxhLXRpbWUtcGlja2VyIHYtbW9kZWw6dmFsdWU9InZhbHVlIiB1c2UxMi1ob3VycyBmb3JtYXQ9Img6bW06c3MgQSIgLz4KICAgIDxhLXRpbWUtcGlja2VyIHYtbW9kZWw6dmFsdWU9InZhbHVlIiB1c2UxMi1ob3VycyBmb3JtYXQ9Img6bW0gYSIgLz4KICA8L2Rpdj4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyI+CmltcG9ydCB7IE1vbWVudCB9IGZyb20gJ21vbWVudCc7CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIHJldHVybiB7CiAgICAgIHZhbHVlOiByZWY8TW9tZW50IHwgdW5kZWZpbmVkPih1bmRlZmluZWQpLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS10aW1lLXBpY2tlciB2LW1vZGVsOnZhbHVlPSJ2YWx1ZSIgdXNlMTItaG91cnMgLz4KICAgIDxhLXRpbWUtcGlja2VyIHYtbW9kZWw6dmFsdWU9InZhbHVlIiB1c2UxMi1ob3VycyBmb3JtYXQ9Img6bW06c3MgQSIgLz4KICAgIDxhLXRpbWUtcGlja2VyIHYtbW9kZWw6dmFsdWU9InZhbHVlIiB1c2UxMi1ob3VycyBmb3JtYXQ9Img6bW0gYSIgLz4KICA8L2Rpdj4KPC90ZW1wbGF0ZT4KPHNjcmlwdD4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgcmV0dXJuIHsKICAgICAgdmFsdWU6IHJlZih1bmRlZmluZWQpLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+"}},{default:e(()=>[n("div",null,[c(l,{value:s.value,"onUpdate:value":a[0]||(a[0]=p=>s.value=p),"use12-hours":""},null,8,["value"]),c(l,{value:s.value,"onUpdate:value":a[1]||(a[1]=p=>s.value=p),"use12-hours":"",format:"h:mm:ss A"},null,8,["value"]),c(l,{value:s.value,"onUpdate:value":a[2]||(a[2]=p=>s.value=p),"use12-hours":"",format:"h:mm a"},null,8,["value"])])]),htmlCode:e(()=>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("div")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-time-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"},"use12-hours"),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-time-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"},"use12-hours"),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("h:mm:ss A"),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-time-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"},"use12-hours"),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("h:mm a"),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("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("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"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      `),n("span",{class:"token literal-property property"},"value"),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 keyword"},"undefined"),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:e(()=>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("div")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-time-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"},"use12-hours"),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-time-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"},"use12-hours"),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("h:mm:ss A"),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-time-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"},"use12-hours"),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("h:mm a"),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("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("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"},"value"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"undefined"),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 X=b(S,[["render",j]]);const F=f({setup(){const s=k(!1),a=k(!1);return{value:k(),open:s,open2:a,handleOpenChange:i=>{console.log("open",i),s.value=i},handleClose:()=>{s.value=!1,a.value=!1}}}});function K(s,a,r,m,g,i){const l=o("a-button"),u=o("a-time-picker"),p=o("demo-box");return v(),h(p,{jsfiddle:{us:"Render addon contents to timepicker panel's bottom.",cn:"\u5728 TimePicker \u9009\u62E9\u6846\u5E95\u90E8\u663E\u793A\u81EA\u5B9A\u4E49\u7684\u5185\u5BB9\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u5728 TimePicker \u9009\u62E9\u6846\u5E95\u90E8\u663E\u793A\u81EA\u5B9A\u4E49\u7684\u5185\u5BB9\u3002</p>
<h2 id="en-us">en-US</h2>
<p>Render addon contents to timepicker panel's bottom.</p>
`,order:1,title:{"zh-CN":"\u9644\u52A0\u5185\u5BB9","en-US":"Addon"},relativePath:"src/docs/time-picker/demo/addon.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS10aW1lLXBpY2tlciB2LW1vZGVsOnZhbHVlPSJ2YWx1ZSIgdi1tb2RlbDpvcGVuPSJvcGVuIiBAb3BlbkNoYW5nZT0iaGFuZGxlT3BlbkNoYW5nZSI+CiAgICAgIDx0ZW1wbGF0ZSAjYWRkb249InsgcHJlZml4Q2xzIH0iPgogICAgICAgIDxhLWJ1dHRvbiBzaXplPSJzbWFsbCIgdHlwZT0icHJpbWFyeSIgQGNsaWNrPSJoYW5kbGVDbG9zZSI+T2sge3sgcHJlZml4Q2xzIH19PC9hLWJ1dHRvbj4KICAgICAgPC90ZW1wbGF0ZT4KICAgIDwvYS10aW1lLXBpY2tlcj4KICAgIDxhLXRpbWUtcGlja2VyIHYtbW9kZWw6dmFsdWU9InZhbHVlIiB2LW1vZGVsOm9wZW49Im9wZW4yIj4KICAgICAgPHRlbXBsYXRlICNhZGRvbj4KICAgICAgICA8YS1idXR0b24gc2l6ZT0ic21hbGwiIHR5cGU9InByaW1hcnkiIEBjbGljaz0iaGFuZGxlQ2xvc2UiPk9rPC9hLWJ1dHRvbj4KICAgICAgPC90ZW1wbGF0ZT4KICAgIDwvYS10aW1lLXBpY2tlcj4KICA8L2Rpdj4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyI+CmltcG9ydCB7IE1vbWVudCB9IGZyb20gJ21vbWVudCc7CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKCmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCBvcGVuID0gcmVmKGZhbHNlKTsKICAgIGNvbnN0IG9wZW4yID0gcmVmKGZhbHNlKTsKICAgIGNvbnN0IHZhbHVlID0gcmVmPE1vbWVudD4oKTsKCiAgICBjb25zdCBoYW5kbGVPcGVuQ2hhbmdlID0gKG9wZW5TdGF0dXM6IGJvb2xlYW4pID0+IHsKICAgICAgY29uc29sZS5sb2coJ29wZW4nLCBvcGVuU3RhdHVzKTsKICAgICAgb3Blbi52YWx1ZSA9IG9wZW5TdGF0dXM7CiAgICB9OwoKICAgIGNvbnN0IGhhbmRsZUNsb3NlID0gKCkgPT4gewogICAgICBvcGVuLnZhbHVlID0gZmFsc2U7CiAgICAgIG9wZW4yLnZhbHVlID0gZmFsc2U7CiAgICB9OwoKICAgIHJldHVybiB7CiAgICAgIHZhbHVlLAogICAgICBvcGVuLAogICAgICBvcGVuMiwKICAgICAgaGFuZGxlT3BlbkNoYW5nZSwKICAgICAgaGFuZGxlQ2xvc2UsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4KCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS10aW1lLXBpY2tlciB2LW1vZGVsOnZhbHVlPSJ2YWx1ZSIgdi1tb2RlbDpvcGVuPSJvcGVuIiBAb3BlbkNoYW5nZT0iaGFuZGxlT3BlbkNoYW5nZSI+CiAgICAgIDx0ZW1wbGF0ZSAjYWRkb249InsgcHJlZml4Q2xzIH0iPgogICAgICAgIDxhLWJ1dHRvbiBzaXplPSJzbWFsbCIgdHlwZT0icHJpbWFyeSIgQGNsaWNrPSJoYW5kbGVDbG9zZSI+T2sge3sgcHJlZml4Q2xzIH19PC9hLWJ1dHRvbj4KICAgICAgPC90ZW1wbGF0ZT4KICAgIDwvYS10aW1lLXBpY2tlcj4KICAgIDxhLXRpbWUtcGlja2VyIHYtbW9kZWw6dmFsdWU9InZhbHVlIiB2LW1vZGVsOm9wZW49Im9wZW4yIj4KICAgICAgPHRlbXBsYXRlICNhZGRvbj4KICAgICAgICA8YS1idXR0b24gc2l6ZT0ic21hbGwiIHR5cGU9InByaW1hcnkiIEBjbGljaz0iaGFuZGxlQ2xvc2UiPk9rPC9hLWJ1dHRvbj4KICAgICAgPC90ZW1wbGF0ZT4KICAgIDwvYS10aW1lLXBpY2tlcj4KICA8L2Rpdj4KPC90ZW1wbGF0ZT4KPHNjcmlwdD4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3Qgb3BlbiA9IHJlZihmYWxzZSk7CiAgICBjb25zdCBvcGVuMiA9IHJlZihmYWxzZSk7CiAgICBjb25zdCB2YWx1ZSA9IHJlZigpOwogICAgY29uc3QgaGFuZGxlT3BlbkNoYW5nZSA9IG9wZW5TdGF0dXMgPT4gewogICAgICBjb25zb2xlLmxvZygnb3BlbicsIG9wZW5TdGF0dXMpOwogICAgICBvcGVuLnZhbHVlID0gb3BlblN0YXR1czsKICAgIH07CiAgICBjb25zdCBoYW5kbGVDbG9zZSA9ICgpID0+IHsKICAgICAgb3Blbi52YWx1ZSA9IGZhbHNlOwogICAgICBvcGVuMi52YWx1ZSA9IGZhbHNlOwogICAgfTsKICAgIHJldHVybiB7CiAgICAgIHZhbHVlLAogICAgICBvcGVuLAogICAgICBvcGVuMiwKICAgICAgaGFuZGxlT3BlbkNoYW5nZSwKICAgICAgaGFuZGxlQ2xvc2UsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4="}},{default:e(()=>[n("div",null,[c(u,{value:s.value,"onUpdate:value":a[0]||(a[0]=d=>s.value=d),open:s.open,"onUpdate:open":a[1]||(a[1]=d=>s.open=d),onOpenChange:s.handleOpenChange},{addon:e(({prefixCls:d})=>[c(l,{size:"small",type:"primary",onClick:s.handleClose},{default:e(()=>[t("Ok "+V(d),1)]),_:2},1032,["onClick"])]),_:1},8,["value","open","onOpenChange"]),c(u,{value:s.value,"onUpdate:value":a[2]||(a[2]=d=>s.value=d),open:s.open2,"onUpdate:open":a[3]||(a[3]=d=>s.open2=d)},{addon:e(()=>[c(l,{size:"small",type:"primary",onClick:s.handleClose},{default:e(()=>a[4]||(a[4]=[t("Ok")])),_:1,__:[4]},8,["onClick"])]),_:1},8,["value","open"])])]),htmlCode:e(()=>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("div")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-time-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"},[n("span",{class:"token namespace"},"v-model:"),t("open")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("open"),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("handleOpenChange"),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"},"#addon"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ prefixCls }"),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-button")]),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("small"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("primary"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("handleClose"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Ok {{ prefixCls }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),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-time-picker")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-time-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"},[n("span",{class:"token namespace"},"v-model:"),t("open")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("open2"),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"},"#addon"),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),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("small"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("primary"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("handleClose"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Ok"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),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-time-picker")]),n("span",{class:"token punctuation"},">")]),t(`
  `),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("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(" open "),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(" open2 "),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(" value "),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"},"handleOpenChange"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"openStatus"),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(`
      console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'open'"),n("span",{class:"token punctuation"},","),t(" openStatus"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      open`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" openStatus"),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"},"handleClose"),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(`
      open`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},";"),t(`
      open2`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token boolean"},"false"),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(`
      value`),n("span",{class:"token punctuation"},","),t(`
      open`),n("span",{class:"token punctuation"},","),t(`
      open2`),n("span",{class:"token punctuation"},","),t(`
      handleOpenChange`),n("span",{class:"token punctuation"},","),t(`
      handleClose`),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:e(()=>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("div")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-time-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"},[n("span",{class:"token namespace"},"v-model:"),t("open")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("open"),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("handleOpenChange"),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"},"#addon"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("{ prefixCls }"),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-button")]),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("small"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("primary"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("handleClose"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Ok {{ prefixCls }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),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-time-picker")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-time-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"},[n("span",{class:"token namespace"},"v-model:"),t("open")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("open2"),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"},"#addon"),n("span",{class:"token punctuation"},">")]),t(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-button")]),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("small"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("primary"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("handleClose"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),t("Ok"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("a-button")]),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-time-picker")]),n("span",{class:"token punctuation"},">")]),t(`
  `),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("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(" open "),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(" open2 "),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(" 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"},"handleOpenChange"),t(),n("span",{class:"token operator"},"="),t(),n("span",{class:"token parameter"},"openStatus"),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"},"'open'"),n("span",{class:"token punctuation"},","),t(" openStatus"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
      open`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" openStatus"),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"},"handleClose"),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(`
      open`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},";"),t(`
      open2`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token boolean"},"false"),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(`
      value`),n("span",{class:"token punctuation"},","),t(`
      open`),n("span",{class:"token punctuation"},","),t(`
      open2`),n("span",{class:"token punctuation"},","),t(`
      handleOpenChange`),n("span",{class:"token punctuation"},","),t(`
      handleClose`),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 P=b(F,[["render",K]]);const D=f({setup(){const s=k(C("08:00:00","HH:mm:ss")),a=k("09:00:00");return I(s,()=>{console.log(s.value)}),I(a,()=>{console.log(a.value)}),{value:s,strValue:a,moment:C}}});function Y(s,a,r,m,g,i){const l=o("a-time-picker"),u=o("demo-box");return v(),h(u,{jsfiddle:{us:"Click `TimePicker`, and then we could select or input a time in panel.",cn:"\u70B9\u51FB TimePicker\uFF0C\u7136\u540E\u53EF\u4EE5\u5728\u6D6E\u5C42\u4E2D\u9009\u62E9\u6216\u8005\u8F93\u5165\u67D0\u4E00\u65F6\u95F4\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u70B9\u51FB TimePicker\uFF0C\u7136\u540E\u53EF\u4EE5\u5728\u6D6E\u5C42\u4E2D\u9009\u62E9\u6216\u8005\u8F93\u5165\u67D0\u4E00\u65F6\u95F4\u3002</p>
<h2 id="en-us">en-US</h2>
<p>Click <code>TimePicker</code>, and then we could select or input a time in panel.</p>
`,order:0,title:{"zh-CN":"\u57FA\u672C","en-US":"Basic"},relativePath:"src/docs/time-picker/demo/basic.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRpbWUtcGlja2VyIHYtbW9kZWw6dmFsdWU9InZhbHVlIiAvPgogIDxhLXRpbWUtcGlja2VyIHYtbW9kZWw6dmFsdWU9InN0clZhbHVlIiB2YWx1ZUZvcm1hdD0iSEg6bW06c3MiIC8+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgbW9tZW50LCB7IE1vbWVudCB9IGZyb20gJ21vbWVudCc7CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmLCB3YXRjaCB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCB2YWx1ZSA9IHJlZjxNb21lbnQ+KG1vbWVudCgnMDg6MDA6MDAnLCAnSEg6bW06c3MnKSk7CiAgICBjb25zdCBzdHJWYWx1ZSA9IHJlZjxzdHJpbmc+KCcwOTowMDowMCcpOwoKICAgIHdhdGNoKHZhbHVlLCAoKSA9PiB7CiAgICAgIGNvbnNvbGUubG9nKHZhbHVlLnZhbHVlKTsKICAgIH0pOwogICAgd2F0Y2goc3RyVmFsdWUsICgpID0+IHsKICAgICAgY29uc29sZS5sb2coc3RyVmFsdWUudmFsdWUpOwogICAgfSk7CiAgICByZXR1cm4gewogICAgICB2YWx1ZSwKICAgICAgc3RyVmFsdWUsCiAgICAgIG1vbWVudCwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRpbWUtcGlja2VyIHYtbW9kZWw6dmFsdWU9InZhbHVlIiAvPgogIDxhLXRpbWUtcGlja2VyIHYtbW9kZWw6dmFsdWU9InN0clZhbHVlIiB2YWx1ZUZvcm1hdD0iSEg6bW06c3MiIC8+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCBtb21lbnQgZnJvbSAnbW9tZW50JzsKaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYsIHdhdGNoIH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IHZhbHVlID0gcmVmKG1vbWVudCgnMDg6MDA6MDAnLCAnSEg6bW06c3MnKSk7CiAgICBjb25zdCBzdHJWYWx1ZSA9IHJlZignMDk6MDA6MDAnKTsKICAgIHdhdGNoKHZhbHVlLCAoKSA9PiB7CiAgICAgIGNvbnNvbGUubG9nKHZhbHVlLnZhbHVlKTsKICAgIH0pOwogICAgd2F0Y2goc3RyVmFsdWUsICgpID0+IHsKICAgICAgY29uc29sZS5sb2coc3RyVmFsdWUudmFsdWUpOwogICAgfSk7CiAgICByZXR1cm4gewogICAgICB2YWx1ZSwKICAgICAgc3RyVmFsdWUsCiAgICAgIG1vbWVudCwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pg=="}},{default:e(()=>[c(l,{value:s.value,"onUpdate:value":a[0]||(a[0]=p=>s.value=p)},null,8,["value"]),c(l,{value:s.strValue,"onUpdate:value":a[1]||(a[1]=p=>s.strValue=p),valueFormat:"HH:mm:ss"},null,8,["value"])]),htmlCode:e(()=>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-time-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 punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-time-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("strValue"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"valueFormat"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("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("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(" 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(" value "),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"},"'08:00:00'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'HH:mm:ss'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" strValue "),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"},"'09:00:00'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`

    `),n("span",{class:"token function"},"watch"),n("span",{class:"token punctuation"},"("),t("value"),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"},"("),t("value"),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("strValue"),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"},"("),t("strValue"),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(`
      value`),n("span",{class:"token punctuation"},","),t(`
      strValue`),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:e(()=>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-time-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 punctuation"},"/>")]),t(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-time-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("strValue"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},"valueFormat"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("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("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(" 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(" value "),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"},"'08:00:00'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'HH:mm:ss'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token keyword"},"const"),t(" strValue "),n("span",{class:"token operator"},"="),t(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'09:00:00'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    `),n("span",{class:"token function"},"watch"),n("span",{class:"token punctuation"},"("),t("value"),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"},"("),t("value"),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("strValue"),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"},"("),t("strValue"),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(`
      value`),n("span",{class:"token punctuation"},","),t(`
      strValue`),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 x=b(D,[["render",Y]]);const N=f({setup(){return{moment:C}}});function R(s,a,r,m,g,i){const l=o("a-time-picker"),u=o("demo-box");return v(),h(u,{jsfiddle:{us:"A disabled state of the `TimePicker`.",cn:"\u7981\u7528\u65F6\u95F4\u9009\u62E9\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u7981\u7528\u65F6\u95F4\u9009\u62E9\u3002</p>
<h2 id="en-us">en-US</h2>
<p>A disabled state of the <code>TimePicker</code>.</p>
`,order:3,title:{"zh-CN":"\u7981\u7528","en-US":"Disabled"},relativePath:"src/docs/time-picker/demo/disabled.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRpbWUtcGlja2VyIDp2YWx1ZT0ibW9tZW50KCcxMjowODoyMycsICdISDptbTpzcycpIiBkaXNhYmxlZCAvPgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IG1vbWVudCBmcm9tICdtb21lbnQnOwppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQgfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgcmV0dXJuIHsKICAgICAgbW9tZW50LAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRpbWUtcGlja2VyIDp2YWx1ZT0ibW9tZW50KCcxMjowODoyMycsICdISDptbTpzcycpIiBkaXNhYmxlZCAvPgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgbW9tZW50IGZyb20gJ21vbWVudCc7CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICByZXR1cm4gewogICAgICBtb21lbnQsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4="}},{default:e(()=>[c(l,{value:s.moment("12:08:23","HH:mm:ss"),disabled:""},null,8,["value"])]),htmlCode:e(()=>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-time-picker")]),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("moment('12:08:23', 'HH:mm:ss')"),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("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(),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(`
      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:e(()=>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-time-picker")]),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("moment('12:08:23', 'HH:mm:ss')"),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("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(),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(`
      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 z=b(N,[["render",R]]);const J=f({setup(){return{value:k(C("12:08","HH:mm")),moment:C}}});function T(s,a,r,m,g,i){const l=o("a-time-picker"),u=o("demo-box");return v(),h(u,{jsfiddle:{us:"While part of `format` is omitted, the corresponding column in panel will disappear, too.",cn:"TimePicker \u6D6E\u5C42\u4E2D\u7684\u5217\u4F1A\u968F\u7740 `format` \u53D8\u5316\uFF0C\u5F53\u7565\u53BB `format` \u4E2D\u7684\u67D0\u90E8\u5206\u65F6\uFF0C\u6D6E\u5C42\u4E2D\u5BF9\u5E94\u7684\u5217\u4E5F\u4F1A\u6D88\u5931\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>TimePicker \u6D6E\u5C42\u4E2D\u7684\u5217\u4F1A\u968F\u7740 <code>format</code> \u53D8\u5316\uFF0C\u5F53\u7565\u53BB <code>format</code> \u4E2D\u7684\u67D0\u90E8\u5206\u65F6\uFF0C\u6D6E\u5C42\u4E2D\u5BF9\u5E94\u7684\u5217\u4E5F\u4F1A\u6D88\u5931\u3002</p>
<h2 id="en-us">en-US</h2>
<p>While part of <code>format</code> is omitted, the corresponding column in panel will disappear, too.</p>
`,order:4,title:{"zh-CN":"\u9009\u62E9\u65F6\u5206","en-US":"Hour and minute"},relativePath:"src/docs/time-picker/demo/hide-column.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRpbWUtcGlja2VyIHYtbW9kZWw6dmFsdWU9InZhbHVlIiBmb3JtYXQ9IkhIOm1tIiAvPgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IG1vbWVudCBmcm9tICdtb21lbnQnOwppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCB2YWx1ZSA9IHJlZihtb21lbnQoJzEyOjA4JywgJ0hIOm1tJykpOwoKICAgIHJldHVybiB7CiAgICAgIHZhbHVlLAogICAgICBtb21lbnQsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4KCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRpbWUtcGlja2VyIHYtbW9kZWw6dmFsdWU9InZhbHVlIiBmb3JtYXQ9IkhIOm1tIiAvPgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgbW9tZW50IGZyb20gJ21vbWVudCc7CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IHZhbHVlID0gcmVmKG1vbWVudCgnMTI6MDgnLCAnSEg6bW0nKSk7CiAgICByZXR1cm4gewogICAgICB2YWx1ZSwKICAgICAgbW9tZW50LAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+"}},{default:e(()=>[c(l,{value:s.value,"onUpdate:value":a[0]||(a[0]=p=>s.value=p),format:"HH:mm"},null,8,["value"])]),htmlCode:e(()=>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-time-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"},"format"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("HH:mm"),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(" 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(" value "),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"},"'12:08'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'HH:mm'"),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(`
      value`),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:e(()=>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-time-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"},"format"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("HH:mm"),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(" 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(" value "),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"},"'12:08'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'HH:mm'"),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(`
      value`),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 U=b(J,[["render",T]]);const E=f({setup(){return{value:k()}}});function L(s,a,r,m,g,i){const l=o("a-time-picker"),u=o("demo-box");return v(),h(u,{jsfiddle:{us:"Show stepped options by `hourStep` `minuteStep` `secondStep`.",cn:"\u53EF\u4EE5\u4F7F\u7528 `hourStep` `minuteStep` `secondStep` \u6309\u6B65\u957F\u5C55\u793A\u53EF\u9009\u7684\u65F6\u5206\u79D2\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u53EF\u4EE5\u4F7F\u7528 <code>hourStep</code> <code>minuteStep</code> <code>secondStep</code> \u6309\u6B65\u957F\u5C55\u793A\u53EF\u9009\u7684\u65F6\u5206\u79D2\u3002</p>
<h2 id="en-us">en-US</h2>
<p>Show stepped options by <code>hourStep</code> <code>minuteStep</code> <code>secondStep</code>.</p>
`,order:5,title:{"zh-CN":"\u6B65\u957F\u9009\u9879","en-US":"Interval option"},relativePath:"src/docs/time-picker/demo/interval-options.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRpbWUtcGlja2VyIHYtbW9kZWw6dmFsdWU9InZhbHVlIiA6bWludXRlLXN0ZXA9IjE1IiA6c2Vjb25kLXN0ZXA9IjEwIiAvPgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3QgdmFsdWUgPSByZWYoKTsKICAgIHJldHVybiB7CiAgICAgIHZhbHVlLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRpbWUtcGlja2VyIHYtbW9kZWw6dmFsdWU9InZhbHVlIiA6bWludXRlLXN0ZXA9IjE1IiA6c2Vjb25kLXN0ZXA9IjEwIiAvPgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCB2YWx1ZSA9IHJlZigpOwogICAgcmV0dXJuIHsKICAgICAgdmFsdWUsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4="}},{default:e(()=>[c(l,{value:s.value,"onUpdate:value":a[0]||(a[0]=p=>s.value=p),"minute-step":15,"second-step":10},null,8,["value"])]),htmlCode:e(()=>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-time-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"},":minute-step"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("15"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":second-step"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("10"),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(" 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(" 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"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      value`),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:e(()=>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-time-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"},":minute-step"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("15"),n("span",{class:"token punctuation"},'"')]),t(),n("span",{class:"token attr-name"},":second-step"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("10"),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(" 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"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      value`),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 O=b(E,[["render",L]]);const q=f({setup(){return{value1:k(C("12:08:23","HH:mm")),value2:k(C("12:08:23","HH:mm")),value3:k(C("12:08:23","HH:mm"))}}});function _(s,a,r,m,g,i){const l=o("a-time-picker"),u=o("demo-box");return v(),h(u,{jsfiddle:{us:"The input box comes in three sizes. large is used in the form, while the medium size is the default.",cn:"\u4E09\u79CD\u5927\u5C0F\u7684\u8F93\u5165\u6846\uFF0C\u5927\u7684\u7528\u5728\u8868\u5355\u4E2D\uFF0C\u4E2D\u7684\u4E3A\u9ED8\u8BA4\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u4E09\u79CD\u5927\u5C0F\u7684\u8F93\u5165\u6846\uFF0C\u5927\u7684\u7528\u5728\u8868\u5355\u4E2D\uFF0C\u4E2D\u7684\u4E3A\u9ED8\u8BA4\u3002</p>
<h2 id="en-us">en-US</h2>
<p>The input box comes in three sizes. large is used in the form, while the medium size is the default.</p>
`,order:6,title:{"zh-CN":"\u4E09\u79CD\u5927\u5C0F","en-US":"Three Sizes"},relativePath:"src/docs/time-picker/demo/size.vue",sourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS10aW1lLXBpY2tlciB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTEiIHNpemU9ImxhcmdlIiAvPgogICAgPGEtdGltZS1waWNrZXIgdi1tb2RlbDp2YWx1ZT0idmFsdWUyIiAvPgogICAgPGEtdGltZS1waWNrZXIgdi1tb2RlbDp2YWx1ZT0idmFsdWUzIiBzaXplPSJzbWFsbCIgLz4KICA8L2Rpdj4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyI+CmltcG9ydCBtb21lbnQgZnJvbSAnbW9tZW50JzsKaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwoKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIHJldHVybiB7CiAgICAgIHZhbHVlMTogcmVmKG1vbWVudCgnMTI6MDg6MjMnLCAnSEg6bW0nKSksCiAgICAgIHZhbHVlMjogcmVmKG1vbWVudCgnMTI6MDg6MjMnLCAnSEg6bW0nKSksCiAgICAgIHZhbHVlMzogcmVmKG1vbWVudCgnMTI6MDg6MjMnLCAnSEg6bW0nKSksCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4KCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxkaXY+CiAgICA8YS10aW1lLXBpY2tlciB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTEiIHNpemU9ImxhcmdlIiAvPgogICAgPGEtdGltZS1waWNrZXIgdi1tb2RlbDp2YWx1ZT0idmFsdWUyIiAvPgogICAgPGEtdGltZS1waWNrZXIgdi1tb2RlbDp2YWx1ZT0idmFsdWUzIiBzaXplPSJzbWFsbCIgLz4KICA8L2Rpdj4KPC90ZW1wbGF0ZT4KPHNjcmlwdD4KaW1wb3J0IG1vbWVudCBmcm9tICdtb21lbnQnOwppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICByZXR1cm4gewogICAgICB2YWx1ZTE6IHJlZihtb21lbnQoJzEyOjA4OjIzJywgJ0hIOm1tJykpLAogICAgICB2YWx1ZTI6IHJlZihtb21lbnQoJzEyOjA4OjIzJywgJ0hIOm1tJykpLAogICAgICB2YWx1ZTM6IHJlZihtb21lbnQoJzEyOjA4OjIzJywgJ0hIOm1tJykpLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+"}},{default:e(()=>[n("div",null,[c(l,{value:s.value1,"onUpdate:value":a[0]||(a[0]=p=>s.value1=p),size:"large"},null,8,["value"]),c(l,{value:s.value2,"onUpdate:value":a[1]||(a[1]=p=>s.value2=p)},null,8,["value"]),c(l,{value:s.value3,"onUpdate:value":a[2]||(a[2]=p=>s.value3=p),size:"small"},null,8,["value"])])]),htmlCode:e(()=>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("div")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-time-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"},"size"),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"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-time-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 punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-time-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"},"size"),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"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),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("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"},"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"},"'12:08:23'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'HH:mm'"),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"},"'12:08:23'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'HH: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 function"},"moment"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'12:08:23'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'HH:mm'"),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:e(()=>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("div")]),n("span",{class:"token punctuation"},">")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-time-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"},"size"),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"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-time-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 punctuation"},"/>")]),t(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("a-time-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"},"size"),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"},'"')]),t(),n("span",{class:"token punctuation"},"/>")]),t(`
  `),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("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 function"},"moment"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'12:08:23'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'HH:mm'"),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"},"'12:08:23'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'HH: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 function"},"moment"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'12:08:23'"),n("span",{class:"token punctuation"},","),t(),n("span",{class:"token string"},"'HH:mm'"),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(q,[["render",_]]);const Q=f({components:{SmileOutlined:G},setup(){return{moment:C,value:k()}}});function $(s,a,r,m,g,i){const l=o("smile-outlined"),u=o("a-time-picker"),p=o("demo-box");return v(),h(p,{jsfiddle:{us:"Click `TimePicker`, and then we could select or input a time in panel.",cn:"\u70B9\u51FB TimePicker\uFF0C\u7136\u540E\u53EF\u4EE5\u5728\u6D6E\u5C42\u4E2D\u9009\u62E9\u6216\u8005\u8F93\u5165\u67D0\u4E00\u65F6\u95F4\u3002",docHtml:`<h2 id="zh-cn">zh-CN</h2>
<p>\u70B9\u51FB TimePicker\uFF0C\u7136\u540E\u53EF\u4EE5\u5728\u6D6E\u5C42\u4E2D\u9009\u62E9\u6216\u8005\u8F93\u5165\u67D0\u4E00\u65F6\u95F4\u3002</p>
<h2 id="en-us">en-US</h2>
<p>Click <code>TimePicker</code>, and then we could select or input a time in panel.</p>
`,order:7,title:{"zh-CN":"\u540E\u7F00\u56FE\u6807","en-US":"Suffix"},relativePath:"src/docs/time-picker/demo/suffix.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXRpbWUtcGlja2VyIHYtbW9kZWw6dmFsdWU9InZhbHVlIiA6ZGVmYXVsdE9wZW5WYWx1ZT0ibW9tZW50KCcwMDowMDowMCcsICdISDptbTpzcycpIj4KICAgIDx0ZW1wbGF0ZSAjc3VmZml4SWNvbj48c21pbGUtb3V0bGluZWQgLz48L3RlbXBsYXRlPgogIDwvYS10aW1lLXBpY2tlcj4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyI+CmltcG9ydCBtb21lbnQsIHsgTW9tZW50IH0gZnJvbSAnbW9tZW50JzsKaW1wb3J0IHsgU21pbGVPdXRsaW5lZCB9IGZyb20gJ0BhbnQtZGVzaWduL2ljb25zLXZ1ZSc7CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKCmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgY29tcG9uZW50czogewogICAgU21pbGVPdXRsaW5lZCwKICB9LAogIHNldHVwKCkgewogICAgcmV0dXJuIHsKICAgICAgbW9tZW50LAogICAgICB2YWx1ZTogcmVmPE1vbWVudCB8IHVuZGVmaW5lZD4oKSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXRpbWUtcGlja2VyIHYtbW9kZWw6dmFsdWU9InZhbHVlIiA6ZGVmYXVsdE9wZW5WYWx1ZT0ibW9tZW50KCcwMDowMDowMCcsICdISDptbTpzcycpIj4KICAgIDx0ZW1wbGF0ZSAjc3VmZml4SWNvbj48c21pbGUtb3V0bGluZWQgLz48L3RlbXBsYXRlPgogIDwvYS10aW1lLXBpY2tlcj4KPC90ZW1wbGF0ZT4KPHNjcmlwdD4KaW1wb3J0IG1vbWVudCBmcm9tICdtb21lbnQnOwppbXBvcnQgeyBTbWlsZU91dGxpbmVkIH0gZnJvbSAnQGFudC1kZXNpZ24vaWNvbnMtdnVlJzsKaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIGNvbXBvbmVudHM6IHsKICAgIFNtaWxlT3V0bGluZWQsCiAgfSwKICBzZXR1cCgpIHsKICAgIHJldHVybiB7CiAgICAgIG1vbWVudCwKICAgICAgdmFsdWU6IHJlZigpLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+"}},{default:e(()=>[c(u,{value:s.value,"onUpdate:value":a[0]||(a[0]=d=>s.value=d),defaultOpenValue:s.moment("00:00:00","HH:mm:ss")},{suffixIcon:e(()=>[c(l)]),_:1},8,["value","defaultOpenValue"])]),htmlCode:e(()=>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-time-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"},":defaultOpenValue"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("moment('00:00:00', 'HH:mm:ss')"),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"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("smile-outlined")]),t(),n("span",{class:"token punctuation"},"/>")]),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-time-picker")]),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(" 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(" 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 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"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      moment`),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token literal-property property"},"value"),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 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:e(()=>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-time-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"},":defaultOpenValue"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),t("moment('00:00:00', 'HH:mm:ss')"),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"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("smile-outlined")]),t(),n("span",{class:"token punctuation"},"/>")]),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-time-picker")]),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(" 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(" 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 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"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
      moment`),n("span",{class:"token punctuation"},","),t(`
      `),n("span",{class:"token literal-property property"},"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 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 nn=b(Q,[["render",$]]);const tn={pageData:{title:"TimePicker",description:"",frontmatter:{category:"Components",type:"\u6570\u636E\u5F55\u5165",title:"TimePicker",subtitle:"\u65F6\u95F4\u9009\u62E9\u6846",cover:"https://gw.alipayobjects.com/zos/alicdn/h04Zsl98I/TimePicker.svg"},headers:[{level:2,title:"\u4F55\u65F6\u4F7F\u7528",slug:"\u4F55\u65F6\u4F7F\u7528",content:"\u5F53\u7528\u6237\u9700\u8981\u8F93\u5165\u4E00\u4E2A\u65F6\u95F4\uFF0C\u53EF\u4EE5\u70B9\u51FB\u6807\u51C6\u8F93\u5165\u6846\uFF0C\u5F39\u51FA\u65F6\u95F4\u9762\u677F\u8FDB\u884C\u9009\u62E9\u3002"},{level:2,title:"API",slug:"api",content:""},{level:3,title:"\u4E8B\u4EF6",slug:"\u4E8B\u4EF6",content:""},{level:2,title:"\u65B9\u6CD5",slug:"\u65B9\u6CD5",content:""}],relativePath:"src/docs/time-picker/index.zh-CN.md",content:`
\u8F93\u5165\u6216\u9009\u62E9\u65F6\u95F4\u7684\u63A7\u4EF6\u3002

## \u4F55\u65F6\u4F7F\u7528

\u5F53\u7528\u6237\u9700\u8981\u8F93\u5165\u4E00\u4E2A\u65F6\u95F4\uFF0C\u53EF\u4EE5\u70B9\u51FB\u6807\u51C6\u8F93\u5165\u6846\uFF0C\u5F39\u51FA\u65F6\u95F4\u9762\u677F\u8FDB\u884C\u9009\u62E9\u3002

## API

| \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C | \u7248\u672C |
| --- | --- | --- | --- | --- |
| addon | \u9009\u62E9\u6846\u5E95\u90E8\u663E\u793A\u81EA\u5B9A\u4E49\u7684\u5185\u5BB9 | slot \\| slot-scope | \u65E0 |  |
| allowClear | \u662F\u5426\u5C55\u793A\u6E05\u9664\u6309\u94AE | boolean | true |  |
| autofocus | \u81EA\u52A8\u83B7\u53D6\u7126\u70B9 | boolean | false |  |
| clearText | \u6E05\u9664\u6309\u94AE\u7684\u63D0\u793A\u6587\u6848 | string | clear |  |
| defaultOpenValue | \u5F53 defaultValue/value \u4E0D\u5B58\u5728\u65F6\uFF0C\u53EF\u4EE5\u8BBE\u7F6E\u9762\u677F\u6253\u5F00\u65F6\u9ED8\u8BA4\u9009\u4E2D\u7684\u503C | [moment](http://momentjs.com/) | moment() |  |
| defaultValue | \u9ED8\u8BA4\u65F6\u95F4 | [moment](http://momentjs.com/) | \u65E0 |  |
| disabled | \u7981\u7528\u5168\u90E8\u64CD\u4F5C | boolean | false |  |
| disabledHours | \u7981\u6B62\u9009\u62E9\u90E8\u5206\u5C0F\u65F6\u9009\u9879 | function() | \u65E0 |  |
| disabledMinutes | \u7981\u6B62\u9009\u62E9\u90E8\u5206\u5206\u949F\u9009\u9879 | function(selectedHour) | \u65E0 |  |
| disabledSeconds | \u7981\u6B62\u9009\u62E9\u90E8\u5206\u79D2\u9009\u9879 | function(selectedHour, selectedMinute) | \u65E0 |  |
| format | \u5C55\u793A\u7684\u65F6\u95F4\u683C\u5F0F | string | &quot;HH:mm:ss&quot; |  |
| getPopupContainer | \u5B9A\u4E49\u6D6E\u5C42\u7684\u5BB9\u5668\uFF0C\u9ED8\u8BA4\u4E3A body \u4E0A\u65B0\u5EFA div | function(trigger) | \u65E0 |  |
| hideDisabledOptions | \u9690\u85CF\u7981\u6B62\u9009\u62E9\u7684\u9009\u9879 | boolean | false |  |
| hourStep | \u5C0F\u65F6\u9009\u9879\u95F4\u9694 | number | 1 |  |
| 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 | false |  |
| minuteStep | \u5206\u949F\u9009\u9879\u95F4\u9694 | number | 1 |  |
| open(v-model) | \u9762\u677F\u662F\u5426\u6253\u5F00 | boolean | false |  |
| placeholder | \u6CA1\u6709\u503C\u7684\u65F6\u5019\u663E\u793A\u7684\u5185\u5BB9 | string | &quot;\u8BF7\u9009\u62E9\u65F6\u95F4&quot; |  |
| popupClassName | \u5F39\u51FA\u5C42\u7C7B\u540D | string | &#39;&#39; |  |
| popupStyle | \u5F39\u51FA\u5C42\u6837\u5F0F\u5BF9\u8C61 | object | - |  |
| secondStep | \u79D2\u9009\u9879\u95F4\u9694 | number | 1 |  |
| suffixIcon | \u81EA\u5B9A\u4E49\u7684\u9009\u62E9\u6846\u540E\u7F00\u56FE\u6807 | string \\| VNode \\| slot | - |  |
| clearIcon | \u81EA\u5B9A\u4E49\u7684\u6E05\u9664\u56FE\u6807 | string \\| VNode \\| slot | - | 1.5.0 |
| use12Hours | \u4F7F\u7528 12 \u5C0F\u65F6\u5236\uFF0C\u4E3A true \u65F6 \`format\` \u9ED8\u8BA4\u4E3A \`h:mm:ss a\` | boolean | false |  |
| value(v-model) | \u5F53\u524D\u65F6\u95F4 | [moment](http://momentjs.com/) | \u65E0 |  |
| 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 \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 |

### \u4E8B\u4EF6

| \u4E8B\u4EF6\u540D\u79F0   | \u8BF4\u660E                  | \u56DE\u8C03\u53C2\u6570                                                   |
| ---------- | --------------------- | ---------------------------------------------------------- |
| change     | \u65F6\u95F4\u53D1\u751F\u53D8\u5316\u7684\u56DE\u8C03    | function(time: moment \\| string, timeString: string): void |
| openChange | \u9762\u677F\u6253\u5F00/\u5173\u95ED\u65F6\u7684\u56DE\u8C03 | (open: boolean): void                                      |

## \u65B9\u6CD5

| \u540D\u79F0    | \u63CF\u8FF0     |
| ------- | -------- |
| blur()  | \u79FB\u9664\u7126\u70B9 |
| focus() | \u83B7\u53D6\u7126\u70B9 |
`,html:`<p>\u8F93\u5165\u6216\u9009\u62E9\u65F6\u95F4\u7684\u63A7\u4EF6\u3002</p>
<h2 id="\u4F55\u65F6\u4F7F\u7528">\u4F55\u65F6\u4F7F\u7528</h2>
<p>\u5F53\u7528\u6237\u9700\u8981\u8F93\u5165\u4E00\u4E2A\u65F6\u95F4\uFF0C\u53EF\u4EE5\u70B9\u51FB\u6807\u51C6\u8F93\u5165\u6846\uFF0C\u5F39\u51FA\u65F6\u95F4\u9762\u677F\u8FDB\u884C\u9009\u62E9\u3002</p>
<h2 id="api">API</h2>
<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>addon</td>
<td>\u9009\u62E9\u6846\u5E95\u90E8\u663E\u793A\u81EA\u5B9A\u4E49\u7684\u5185\u5BB9</td>
<td>slot | slot-scope</td>
<td>\u65E0</td>
<td></td>
</tr>
<tr>
<td>allowClear</td>
<td>\u662F\u5426\u5C55\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>clearText</td>
<td>\u6E05\u9664\u6309\u94AE\u7684\u63D0\u793A\u6587\u6848</td>
<td>string</td>
<td>clear</td>
<td></td>
</tr>
<tr>
<td>defaultOpenValue</td>
<td>\u5F53 defaultValue/value \u4E0D\u5B58\u5728\u65F6\uFF0C\u53EF\u4EE5\u8BBE\u7F6E\u9762\u677F\u6253\u5F00\u65F6\u9ED8\u8BA4\u9009\u4E2D\u7684\u503C</td>
<td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a></td>
<td>moment()</td>
<td></td>
</tr>
<tr>
<td>defaultValue</td>
<td>\u9ED8\u8BA4\u65F6\u95F4</td>
<td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a></td>
<td>\u65E0</td>
<td></td>
</tr>
<tr>
<td>disabled</td>
<td>\u7981\u7528\u5168\u90E8\u64CD\u4F5C</td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>disabledHours</td>
<td>\u7981\u6B62\u9009\u62E9\u90E8\u5206\u5C0F\u65F6\u9009\u9879</td>
<td>function()</td>
<td>\u65E0</td>
<td></td>
</tr>
<tr>
<td>disabledMinutes</td>
<td>\u7981\u6B62\u9009\u62E9\u90E8\u5206\u5206\u949F\u9009\u9879</td>
<td>function(selectedHour)</td>
<td>\u65E0</td>
<td></td>
</tr>
<tr>
<td>disabledSeconds</td>
<td>\u7981\u6B62\u9009\u62E9\u90E8\u5206\u79D2\u9009\u9879</td>
<td>function(selectedHour, selectedMinute)</td>
<td>\u65E0</td>
<td></td>
</tr>
<tr>
<td>format</td>
<td>\u5C55\u793A\u7684\u65F6\u95F4\u683C\u5F0F</td>
<td>string</td>
<td>&quot;HH:mm:ss&quot;</td>
<td></td>
</tr>
<tr>
<td>getPopupContainer</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>hideDisabledOptions</td>
<td>\u9690\u85CF\u7981\u6B62\u9009\u62E9\u7684\u9009\u9879</td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>hourStep</td>
<td>\u5C0F\u65F6\u9009\u9879\u95F4\u9694</td>
<td>number</td>
<td>1</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>false</td>
<td></td>
</tr>
<tr>
<td>minuteStep</td>
<td>\u5206\u949F\u9009\u9879\u95F4\u9694</td>
<td>number</td>
<td>1</td>
<td></td>
</tr>
<tr>
<td>open(v-model)</td>
<td>\u9762\u677F\u662F\u5426\u6253\u5F00</td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>placeholder</td>
<td>\u6CA1\u6709\u503C\u7684\u65F6\u5019\u663E\u793A\u7684\u5185\u5BB9</td>
<td>string</td>
<td>&quot;\u8BF7\u9009\u62E9\u65F6\u95F4&quot;</td>
<td></td>
</tr>
<tr>
<td>popupClassName</td>
<td>\u5F39\u51FA\u5C42\u7C7B\u540D</td>
<td>string</td>
<td>''</td>
<td></td>
</tr>
<tr>
<td>popupStyle</td>
<td>\u5F39\u51FA\u5C42\u6837\u5F0F\u5BF9\u8C61</td>
<td>object</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>secondStep</td>
<td>\u79D2\u9009\u9879\u95F4\u9694</td>
<td>number</td>
<td>1</td>
<td></td>
</tr>
<tr>
<td>suffixIcon</td>
<td>\u81EA\u5B9A\u4E49\u7684\u9009\u62E9\u6846\u540E\u7F00\u56FE\u6807</td>
<td>string | VNode | slot</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>clearIcon</td>
<td>\u81EA\u5B9A\u4E49\u7684\u6E05\u9664\u56FE\u6807</td>
<td>string | VNode | slot</td>
<td>-</td>
<td>1.5.0</td>
</tr>
<tr>
<td>use12Hours</td>
<td>\u4F7F\u7528 12 \u5C0F\u65F6\u5236\uFF0C\u4E3A true \u65F6 <code>format</code> \u9ED8\u8BA4\u4E3A <code>h:mm:ss a</code></td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>value(v-model)</td>
<td>\u5F53\u524D\u65F6\u95F4</td>
<td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a></td>
<td>\u65E0</td>
<td></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 \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="\u4E8B\u4EF6">\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(time: moment | string, timeString: string): void</td>
</tr>
<tr>
<td>openChange</td>
<td>\u9762\u677F\u6253\u5F00/\u5173\u95ED\u65F6\u7684\u56DE\u8C03</td>
<td>(open: boolean): void</td>
</tr>
</tbody>
</table>
<h2 id="\u65B9\u6CD5">\u65B9\u6CD5</h2>
<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>
`,lastUpdated:1748059052774}},an={class:"markdown"};function sn(s,a,r,m,g,i){return v(),w("article",an,a[0]||(a[0]=[y('<p>\u8F93\u5165\u6216\u9009\u62E9\u65F6\u95F4\u7684\u63A7\u4EF6\u3002</p><h2 id="\u4F55\u65F6\u4F7F\u7528">\u4F55\u65F6\u4F7F\u7528</h2><p>\u5F53\u7528\u6237\u9700\u8981\u8F93\u5165\u4E00\u4E2A\u65F6\u95F4\uFF0C\u53EF\u4EE5\u70B9\u51FB\u6807\u51C6\u8F93\u5165\u6846\uFF0C\u5F39\u51FA\u65F6\u95F4\u9762\u677F\u8FDB\u884C\u9009\u62E9\u3002</p><h2 id="api">API</h2><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>addon</td><td>\u9009\u62E9\u6846\u5E95\u90E8\u663E\u793A\u81EA\u5B9A\u4E49\u7684\u5185\u5BB9</td><td>slot | slot-scope</td><td>\u65E0</td><td></td></tr><tr><td>allowClear</td><td>\u662F\u5426\u5C55\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>clearText</td><td>\u6E05\u9664\u6309\u94AE\u7684\u63D0\u793A\u6587\u6848</td><td>string</td><td>clear</td><td></td></tr><tr><td>defaultOpenValue</td><td>\u5F53 defaultValue/value \u4E0D\u5B58\u5728\u65F6\uFF0C\u53EF\u4EE5\u8BBE\u7F6E\u9762\u677F\u6253\u5F00\u65F6\u9ED8\u8BA4\u9009\u4E2D\u7684\u503C</td><td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a></td><td>moment()</td><td></td></tr><tr><td>defaultValue</td><td>\u9ED8\u8BA4\u65F6\u95F4</td><td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a></td><td>\u65E0</td><td></td></tr><tr><td>disabled</td><td>\u7981\u7528\u5168\u90E8\u64CD\u4F5C</td><td>boolean</td><td>false</td><td></td></tr><tr><td>disabledHours</td><td>\u7981\u6B62\u9009\u62E9\u90E8\u5206\u5C0F\u65F6\u9009\u9879</td><td>function()</td><td>\u65E0</td><td></td></tr><tr><td>disabledMinutes</td><td>\u7981\u6B62\u9009\u62E9\u90E8\u5206\u5206\u949F\u9009\u9879</td><td>function(selectedHour)</td><td>\u65E0</td><td></td></tr><tr><td>disabledSeconds</td><td>\u7981\u6B62\u9009\u62E9\u90E8\u5206\u79D2\u9009\u9879</td><td>function(selectedHour, selectedMinute)</td><td>\u65E0</td><td></td></tr><tr><td>format</td><td>\u5C55\u793A\u7684\u65F6\u95F4\u683C\u5F0F</td><td>string</td><td>&quot;HH:mm:ss&quot;</td><td></td></tr><tr><td>getPopupContainer</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>hideDisabledOptions</td><td>\u9690\u85CF\u7981\u6B62\u9009\u62E9\u7684\u9009\u9879</td><td>boolean</td><td>false</td><td></td></tr><tr><td>hourStep</td><td>\u5C0F\u65F6\u9009\u9879\u95F4\u9694</td><td>number</td><td>1</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>false</td><td></td></tr><tr><td>minuteStep</td><td>\u5206\u949F\u9009\u9879\u95F4\u9694</td><td>number</td><td>1</td><td></td></tr><tr><td>open(v-model)</td><td>\u9762\u677F\u662F\u5426\u6253\u5F00</td><td>boolean</td><td>false</td><td></td></tr><tr><td>placeholder</td><td>\u6CA1\u6709\u503C\u7684\u65F6\u5019\u663E\u793A\u7684\u5185\u5BB9</td><td>string</td><td>&quot;\u8BF7\u9009\u62E9\u65F6\u95F4&quot;</td><td></td></tr><tr><td>popupClassName</td><td>\u5F39\u51FA\u5C42\u7C7B\u540D</td><td>string</td><td>&#39;&#39;</td><td></td></tr><tr><td>popupStyle</td><td>\u5F39\u51FA\u5C42\u6837\u5F0F\u5BF9\u8C61</td><td>object</td><td>-</td><td></td></tr><tr><td>secondStep</td><td>\u79D2\u9009\u9879\u95F4\u9694</td><td>number</td><td>1</td><td></td></tr><tr><td>suffixIcon</td><td>\u81EA\u5B9A\u4E49\u7684\u9009\u62E9\u6846\u540E\u7F00\u56FE\u6807</td><td>string | VNode | slot</td><td>-</td><td></td></tr><tr><td>clearIcon</td><td>\u81EA\u5B9A\u4E49\u7684\u6E05\u9664\u56FE\u6807</td><td>string | VNode | slot</td><td>-</td><td>1.5.0</td></tr><tr><td>use12Hours</td><td>\u4F7F\u7528 12 \u5C0F\u65F6\u5236\uFF0C\u4E3A true \u65F6 <code>format</code> \u9ED8\u8BA4\u4E3A <code>h:mm:ss a</code></td><td>boolean</td><td>false</td><td></td></tr><tr><td>value(v-model)</td><td>\u5F53\u524D\u65F6\u95F4</td><td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a></td><td>\u65E0</td><td></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 \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="\u4E8B\u4EF6">\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(time: moment | string, timeString: string): void</td></tr><tr><td>openChange</td><td>\u9762\u677F\u6253\u5F00/\u5173\u95ED\u65F6\u7684\u56DE\u8C03</td><td>(open: boolean): void</td></tr></tbody></table><h2 id="\u65B9\u6CD5">\u65B9\u6CD5</h2><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>',9)]))}var en=b(tn,[["render",sn]]);const on={pageData:{title:"TimePicker",description:"",frontmatter:{category:"Components",type:"Data Entry",title:"TimePicker",cover:"https://gw.alipayobjects.com/zos/alicdn/h04Zsl98I/TimePicker.svg"},headers:[{level:2,title:"When To Use",slug:"when-to-use",content:"By clicking the input box, you can select a time from a popup panel."},{level:2,title:"API",slug:"api",content:""},{level:3,title:"events",slug:"events",content:""},{level:2,title:"Methods",slug:"methods",content:""}],relativePath:"src/docs/time-picker/index.en-US.md",content:`
To select/input a time.

## When To Use

By clicking the input box, you can select a time from a popup panel.

## API

| Property | Description | Type | Default | Version |
| --- | --- | --- | --- | --- |
| addon | some addon to timepicker panel bottom | slot \\| slot-scope | - |  |
| allowClear | allow clearing text | boolean | true |  |
| autofocus | get focus when component mounted | boolean | false |  |
| clearText | clear tooltip of icon | string | clear |  |
| defaultOpenValue | default open panel value, used to set utcOffset,locale if value/defaultValue absent | [moment](http://momentjs.com/) | moment() |  |
| defaultValue | to set default time | [moment](http://momentjs.com/) | - |  |
| disabled | determine whether the TimePicker is disabled | boolean | false |  |
| disabledHours | to specify the hours that cannot be selected | function() | - |  |
| disabledMinutes | to specify the minutes that cannot be selected | function(selectedHour) | - |  |
| disabledSeconds | to specify the seconds that cannot be selected | function(selectedHour, selectedMinute) | - |  |
| format | to set the time format | string | &quot;HH:mm:ss&quot; |  |
| getPopupContainer | to set the container of the floating layer, while the default is to create a div element in body | function(trigger) | - |  |
| hideDisabledOptions | hide the options that can not be selected | boolean | false |  |
| hourStep | interval between hours in picker | number | 1 |  |
| inputReadOnly | Set the \`readonly\` attribute of the input tag (avoids virtual keyboard on touch devices) | boolean | false |  |
| minuteStep | interval between minutes in picker | number | 1 |  |
| open(v-model) | whether to popup panel | boolean | false |  |
| placeholder | display when there&#39;s no value | string | &quot;Select a time&quot; |  |
| popupClassName | className of panel | string | &#39;&#39; |  |
| popupStyle | style of panel | object | - |  |
| secondStep | interval between seconds in picker | number | 1 |  |
| suffixIcon | The custom suffix icon | string \\| VNode \\| slot | - |  |
| clearIcon | The custom clear icon | string \\| VNode \\| slot | - | 1.5.0 |
| use12Hours | display as 12 hours format, with default format \`h:mm:ss a\` | boolean | false |  |
| value(v-model) | to set time | [moment](http://momentjs.com/) | - |  |
| 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 |

### events

| Events Name | Description | Arguments |
| --- | --- | --- |
| change | a callback function, can be executed when the selected time is changing | function(time: moment \\| string, timeString: string): void |
| openChange | a callback function which will be called while panel opening/closing | (open: boolean): void |

## Methods

| Name    | Description  |
| ------- | ------------ |
| blur()  | remove focus |
| focus() | get focus    |
`,html:`<p>To select/input a time.</p>
<h2 id="when-to-use">When To Use</h2>
<p>By clicking the input box, you can select a time from a popup panel.</p>
<h2 id="api">API</h2>
<table>
<thead>
<tr>
<th>Property</th>
<th>Description</th>
<th>Type</th>
<th>Default</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>addon</td>
<td>some addon to timepicker panel bottom</td>
<td>slot | slot-scope</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>allowClear</td>
<td>allow clearing text</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>clearText</td>
<td>clear tooltip of icon</td>
<td>string</td>
<td>clear</td>
<td></td>
</tr>
<tr>
<td>defaultOpenValue</td>
<td>default open panel value, used to set utcOffset,locale if value/defaultValue absent</td>
<td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a></td>
<td>moment()</td>
<td></td>
</tr>
<tr>
<td>defaultValue</td>
<td>to set default time</td>
<td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a></td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>disabled</td>
<td>determine whether the TimePicker is disabled</td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>disabledHours</td>
<td>to specify the hours that cannot be selected</td>
<td>function()</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>disabledMinutes</td>
<td>to specify the minutes that cannot be selected</td>
<td>function(selectedHour)</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>disabledSeconds</td>
<td>to specify the seconds that cannot be selected</td>
<td>function(selectedHour, selectedMinute)</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>format</td>
<td>to set the time format</td>
<td>string</td>
<td>&quot;HH:mm:ss&quot;</td>
<td></td>
</tr>
<tr>
<td>getPopupContainer</td>
<td>to set the container of the floating layer, while the default is to create a div element in body</td>
<td>function(trigger)</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>hideDisabledOptions</td>
<td>hide the options that can not be selected</td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>hourStep</td>
<td>interval between hours in picker</td>
<td>number</td>
<td>1</td>
<td></td>
</tr>
<tr>
<td>inputReadOnly</td>
<td>Set the <code>readonly</code> attribute of the input tag (avoids virtual keyboard on touch devices)</td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>minuteStep</td>
<td>interval between minutes in picker</td>
<td>number</td>
<td>1</td>
<td></td>
</tr>
<tr>
<td>open(v-model)</td>
<td>whether to popup panel</td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>placeholder</td>
<td>display when there's no value</td>
<td>string</td>
<td>&quot;Select a time&quot;</td>
<td></td>
</tr>
<tr>
<td>popupClassName</td>
<td>className of panel</td>
<td>string</td>
<td>''</td>
<td></td>
</tr>
<tr>
<td>popupStyle</td>
<td>style of panel</td>
<td>object</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>secondStep</td>
<td>interval between seconds in picker</td>
<td>number</td>
<td>1</td>
<td></td>
</tr>
<tr>
<td>suffixIcon</td>
<td>The custom suffix icon</td>
<td>string | VNode | slot</td>
<td>-</td>
<td></td>
</tr>
<tr>
<td>clearIcon</td>
<td>The custom clear icon</td>
<td>string | VNode | slot</td>
<td>-</td>
<td>1.5.0</td>
</tr>
<tr>
<td>use12Hours</td>
<td>display as 12 hours format, with default format <code>h:mm:ss a</code></td>
<td>boolean</td>
<td>false</td>
<td></td>
</tr>
<tr>
<td>value(v-model)</td>
<td>to set time</td>
<td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a></td>
<td>-</td>
<td></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="events">events</h3>
<table>
<thead>
<tr>
<th>Events Name</th>
<th>Description</th>
<th>Arguments</th>
</tr>
</thead>
<tbody>
<tr>
<td>change</td>
<td>a callback function, can be executed when the selected time is changing</td>
<td>function(time: moment | string, timeString: string): void</td>
</tr>
<tr>
<td>openChange</td>
<td>a callback function which will be called while panel opening/closing</td>
<td>(open: boolean): void</td>
</tr>
</tbody>
</table>
<h2 id="methods">Methods</h2>
<table>
<thead>
<tr>
<th>Name</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td>blur()</td>
<td>remove focus</td>
</tr>
<tr>
<td>focus()</td>
<td>get focus</td>
</tr>
</tbody>
</table>
`,lastUpdated:1748059052773}},pn={class:"markdown"};function cn(s,a,r,m,g,i){return v(),w("article",pn,a[0]||(a[0]=[y('<p>To select/input a time.</p><h2 id="when-to-use">When To Use</h2><p>By clicking the input box, you can select a time from a popup panel.</p><h2 id="api">API</h2><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th><th>Version</th></tr></thead><tbody><tr><td>addon</td><td>some addon to timepicker panel bottom</td><td>slot | slot-scope</td><td>-</td><td></td></tr><tr><td>allowClear</td><td>allow clearing text</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>clearText</td><td>clear tooltip of icon</td><td>string</td><td>clear</td><td></td></tr><tr><td>defaultOpenValue</td><td>default open panel value, used to set utcOffset,locale if value/defaultValue absent</td><td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a></td><td>moment()</td><td></td></tr><tr><td>defaultValue</td><td>to set default time</td><td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a></td><td>-</td><td></td></tr><tr><td>disabled</td><td>determine whether the TimePicker is disabled</td><td>boolean</td><td>false</td><td></td></tr><tr><td>disabledHours</td><td>to specify the hours that cannot be selected</td><td>function()</td><td>-</td><td></td></tr><tr><td>disabledMinutes</td><td>to specify the minutes that cannot be selected</td><td>function(selectedHour)</td><td>-</td><td></td></tr><tr><td>disabledSeconds</td><td>to specify the seconds that cannot be selected</td><td>function(selectedHour, selectedMinute)</td><td>-</td><td></td></tr><tr><td>format</td><td>to set the time format</td><td>string</td><td>&quot;HH:mm:ss&quot;</td><td></td></tr><tr><td>getPopupContainer</td><td>to set the container of the floating layer, while the default is to create a div element in body</td><td>function(trigger)</td><td>-</td><td></td></tr><tr><td>hideDisabledOptions</td><td>hide the options that can not be selected</td><td>boolean</td><td>false</td><td></td></tr><tr><td>hourStep</td><td>interval between hours in picker</td><td>number</td><td>1</td><td></td></tr><tr><td>inputReadOnly</td><td>Set the <code>readonly</code> attribute of the input tag (avoids virtual keyboard on touch devices)</td><td>boolean</td><td>false</td><td></td></tr><tr><td>minuteStep</td><td>interval between minutes in picker</td><td>number</td><td>1</td><td></td></tr><tr><td>open(v-model)</td><td>whether to popup panel</td><td>boolean</td><td>false</td><td></td></tr><tr><td>placeholder</td><td>display when there&#39;s no value</td><td>string</td><td>&quot;Select a time&quot;</td><td></td></tr><tr><td>popupClassName</td><td>className of panel</td><td>string</td><td>&#39;&#39;</td><td></td></tr><tr><td>popupStyle</td><td>style of panel</td><td>object</td><td>-</td><td></td></tr><tr><td>secondStep</td><td>interval between seconds in picker</td><td>number</td><td>1</td><td></td></tr><tr><td>suffixIcon</td><td>The custom suffix icon</td><td>string | VNode | slot</td><td>-</td><td></td></tr><tr><td>clearIcon</td><td>The custom clear icon</td><td>string | VNode | slot</td><td>-</td><td>1.5.0</td></tr><tr><td>use12Hours</td><td>display as 12 hours format, with default format <code>h:mm:ss a</code></td><td>boolean</td><td>false</td><td></td></tr><tr><td>value(v-model)</td><td>to set time</td><td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a></td><td>-</td><td></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="events">events</h3><table><thead><tr><th>Events Name</th><th>Description</th><th>Arguments</th></tr></thead><tbody><tr><td>change</td><td>a callback function, can be executed when the selected time is changing</td><td>function(time: moment | string, timeString: string): void</td></tr><tr><td>openChange</td><td>a callback function which will be called while panel opening/closing</td><td>(open: boolean): void</td></tr></tbody></table><h2 id="methods">Methods</h2><table><thead><tr><th>Name</th><th>Description</th></tr></thead><tbody><tr><td>blur()</td><td>remove focus</td></tr><tr><td>focus()</td><td>get focus</td></tr></tbody></table>',9)]))}var ln=b(on,[["render",cn]]);const un={CN:en,US:ln,components:{Hours:X,Addon:P,Basic:x,Disabled:z,HideColumn:U,IntervalOptions:O,Size:M,Suffix:nn}};function dn(s,a,r,m,g,i){const l=o("Basic"),u=o("Hours"),p=o("Addon"),d=o("Disabled"),Z=o("HideColumn"),W=o("IntervalOptions"),A=o("Size"),H=o("Suffix"),B=o("demo-sort");return v(),h(B,null,{default:e(()=>[c(l),c(u),c(p),c(d),c(Z),c(W),c(A),c(H)]),_:1})}var mn=b(un,[["render",dn]]);export{mn as default};