Home Explore Help
Register Sign In
wicresoft
/
doc_project
2
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: 9cd9c7d1d5
Branches Tags
doc_project
/
2x.antv.design
/
assets
/
index.1583d511.js

index.1583d511.js 134 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973 
  1. 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>
    2. 

  2. <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>
    3. 

  3. <h2 id="en-us">en-US</h2>
    4. 

  4. <p>TimePicker of 12 hours format, with default format <code>h:mm:ss a</code>.</p>
    5. 

  5. `,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(`
    6. 

  6.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    7. 

  7.     `),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(`
    8. 

  8.     `),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(`
    9. 

  9.     `),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(`
    10. 

  10.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    11. 

  11. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    12. 

  12. `),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(`
    13. 

  13. `),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(`
    14. 

  14. `),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(`
    15. 

  15. `),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(`
    16. 

  16.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    17. 

  17.     `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
    18. 

  18.       `),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(`
    19. 

  19.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    20. 

  20.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    21. 

  21. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    22. 

  22. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
    23. 

  23. `)])],-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(`
    24. 

  24.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    25. 

  25.     `),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(`
    26. 

  26.     `),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(`
    27. 

  27.     `),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(`
    28. 

  28.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    29. 

  29. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    30. 

  30. `),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(`
    31. 

  31. `),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(`
    32. 

  32. `),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(`
    33. 

  33.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    34. 

  34.     `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
    35. 

  35.       `),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(`
    36. 

  36.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    37. 

  37.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    38. 

  38. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    39. 

  39. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
    40. 

  40. `)])],-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>
    41. 

  41. <p>\u5728 TimePicker \u9009\u62E9\u6846\u5E95\u90E8\u663E\u793A\u81EA\u5B9A\u4E49\u7684\u5185\u5BB9\u3002</p>
    42. 

  42. <h2 id="en-us">en-US</h2>
    43. 

  43. <p>Render addon contents to timepicker panel's bottom.</p>
    44. 

  44. `,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(`
    45. 

  45.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    46. 

  46.     `),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(`
    47. 

  47.       `),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(`
    48. 

  48.         `),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(`
    49. 

  49.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    50. 

  50.     `),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(`
    51. 

  51.     `),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(`
    52. 

  52.       `),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(`
    53. 

  53.         `),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(`
    54. 

  54.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    55. 

  55.     `),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(`
    56. 

  56.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    57. 

  57. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    58. 

  58. `),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(`
    59. 

  59. `),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(`
    60. 

  60. `),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(`
    61. 

  61. 

  62. `),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(`
    63. 

  63.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    64. 

  64.     `),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(`
    65. 

  65.     `),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(`
    66. 

  66.     `),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(`
    67. 

  67. 

  68.     `),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(`
    69. 

  69.       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(`
    70. 

  70.       open`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" openStatus"),n("span",{class:"token punctuation"},";"),t(`
    71. 

  71.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    72. 

  72. 

  73.     `),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(`
    74. 

  74.       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(`
    75. 

  75.       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(`
    76. 

  76.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    77. 

  77. 

  78.     `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
    79. 

  79.       value`),n("span",{class:"token punctuation"},","),t(`
    80. 

  80.       open`),n("span",{class:"token punctuation"},","),t(`
    81. 

  81.       open2`),n("span",{class:"token punctuation"},","),t(`
    82. 

  82.       handleOpenChange`),n("span",{class:"token punctuation"},","),t(`
    83. 

  83.       handleClose`),n("span",{class:"token punctuation"},","),t(`
    84. 

  84.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    85. 

  85.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    86. 

  86. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    87. 

  87. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
    88. 

  88. `)])],-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(`
    89. 

  89.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    90. 

  90.     `),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(`
    91. 

  91.       `),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(`
    92. 

  92.         `),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(`
    93. 

  93.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    94. 

  94.     `),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(`
    95. 

  95.     `),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(`
    96. 

  96.       `),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(`
    97. 

  97.         `),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(`
    98. 

  98.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    99. 

  99.     `),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(`
    100. 

  100.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    101. 

  101. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    102. 

  102. `),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(`
    103. 

  103. `),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(`
    104. 

  104. `),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(`
    105. 

  105.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    106. 

  106.     `),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(`
    107. 

  107.     `),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(`
    108. 

  108.     `),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(`
    109. 

  109.     `),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(`
    110. 

  110.       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(`
    111. 

  111.       open`),n("span",{class:"token punctuation"},"."),t("value "),n("span",{class:"token operator"},"="),t(" openStatus"),n("span",{class:"token punctuation"},";"),t(`
    112. 

  112.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    113. 

  113.     `),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(`
    114. 

  114.       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(`
    115. 

  115.       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(`
    116. 

  116.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    117. 

  117.     `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
    118. 

  118.       value`),n("span",{class:"token punctuation"},","),t(`
    119. 

  119.       open`),n("span",{class:"token punctuation"},","),t(`
    120. 

  120.       open2`),n("span",{class:"token punctuation"},","),t(`
    121. 

  121.       handleOpenChange`),n("span",{class:"token punctuation"},","),t(`
    122. 

  122.       handleClose`),n("span",{class:"token punctuation"},","),t(`
    123. 

  123.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    124. 

  124.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    125. 

  125. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    126. 

  126. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
    127. 

  127. `)])],-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>
    128. 

  128. <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>
    129. 

  129. <h2 id="en-us">en-US</h2>
    130. 

  130. <p>Click <code>TimePicker</code>, and then we could select or input a time in panel.</p>
    131. 

  131. `,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(`
    132. 

  132.   `),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(`
    133. 

  133.   `),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(`
    134. 

  134. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    135. 

  135. `),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(`
    136. 

  136. `),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(`
    137. 

  137. `),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(`
    138. 

  138. `),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(`
    139. 

  139.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    140. 

  140.     `),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(`
    141. 

  141.     `),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(`
    142. 

  142. 

  143.     `),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(`
    144. 

  144.       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(`
    145. 

  145.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    146. 

  146.     `),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(`
    147. 

  147.       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(`
    148. 

  148.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    149. 

  149.     `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
    150. 

  150.       value`),n("span",{class:"token punctuation"},","),t(`
    151. 

  151.       strValue`),n("span",{class:"token punctuation"},","),t(`
    152. 

  152.       moment`),n("span",{class:"token punctuation"},","),t(`
    153. 

  153.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    154. 

  154.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    155. 

  155. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    156. 

  156. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
    157. 

  157. `)])],-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(`
    158. 

  158.   `),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(`
    159. 

  159.   `),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(`
    160. 

  160. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    161. 

  161. `),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(`
    162. 

  162. `),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(`
    163. 

  163. `),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(`
    164. 

  164. `),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(`
    165. 

  165.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    166. 

  166.     `),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(`
    167. 

  167.     `),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(`
    168. 

  168.     `),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(`
    169. 

  169.       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(`
    170. 

  170.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    171. 

  171.     `),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(`
    172. 

  172.       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(`
    173. 

  173.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    174. 

  174.     `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
    175. 

  175.       value`),n("span",{class:"token punctuation"},","),t(`
    176. 

  176.       strValue`),n("span",{class:"token punctuation"},","),t(`
    177. 

  177.       moment`),n("span",{class:"token punctuation"},","),t(`
    178. 

  178.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    179. 

  179.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    180. 

  180. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    181. 

  181. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
    182. 

  182. `)])],-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>
    183. 

  183. <p>\u7981\u7528\u65F6\u95F4\u9009\u62E9\u3002</p>
    184. 

  184. <h2 id="en-us">en-US</h2>
    185. 

  185. <p>A disabled state of the <code>TimePicker</code>.</p>
    186. 

  186. `,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(`
    187. 

  187.   `),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(`
    188. 

  188. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    189. 

  189. `),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(`
    190. 

  190. `),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(`
    191. 

  191. `),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(`
    192. 

  192. `),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(`
    193. 

  193.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    194. 

  194.     `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
    195. 

  195.       moment`),n("span",{class:"token punctuation"},","),t(`
    196. 

  196.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    197. 

  197.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    198. 

  198. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    199. 

  199. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
    200. 

  200. `)])],-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(`
    201. 

  201.   `),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(`
    202. 

  202. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    203. 

  203. `),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(`
    204. 

  204. `),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(`
    205. 

  205. `),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(`
    206. 

  206. `),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(`
    207. 

  207.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    208. 

  208.     `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
    209. 

  209.       moment`),n("span",{class:"token punctuation"},","),t(`
    210. 

  210.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    211. 

  211.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    212. 

  212. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    213. 

  213. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
    214. 

  214. `)])],-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>
    215. 

  215. <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>
    216. 

  216. <h2 id="en-us">en-US</h2>
    217. 

  217. <p>While part of <code>format</code> is omitted, the corresponding column in panel will disappear, too.</p>
    218. 

  218. `,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(`
    219. 

  219.   `),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(`
    220. 

  220. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    221. 

  221. `),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(`
    222. 

  222. `),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(`
    223. 

  223. `),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(`
    224. 

  224. `),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(`
    225. 

  225.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    226. 

  226.     `),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(`
    227. 

  227. 

  228.     `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
    229. 

  229.       value`),n("span",{class:"token punctuation"},","),t(`
    230. 

  230.       moment`),n("span",{class:"token punctuation"},","),t(`
    231. 

  231.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    232. 

  232.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    233. 

  233. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    234. 

  234. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
    235. 

  235. `)])],-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(`
    236. 

  236.   `),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(`
    237. 

  237. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    238. 

  238. `),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(`
    239. 

  239. `),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(`
    240. 

  240. `),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(`
    241. 

  241. `),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(`
    242. 

  242.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    243. 

  243.     `),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(`
    244. 

  244.     `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
    245. 

  245.       value`),n("span",{class:"token punctuation"},","),t(`
    246. 

  246.       moment`),n("span",{class:"token punctuation"},","),t(`
    247. 

  247.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    248. 

  248.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    249. 

  249. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    250. 

  250. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
    251. 

  251. `)])],-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>
    252. 

  252. <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>
    253. 

  253. <h2 id="en-us">en-US</h2>
    254. 

  254. <p>Show stepped options by <code>hourStep</code> <code>minuteStep</code> <code>secondStep</code>.</p>
    255. 

  255. `,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(`
    256. 

  256.   `),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(`
    257. 

  257. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    258. 

  258. `),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(`
    259. 

  259. `),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(`
    260. 

  260. `),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(`
    261. 

  261.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    262. 

  262.     `),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(`
    263. 

  263.     `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
    264. 

  264.       value`),n("span",{class:"token punctuation"},","),t(`
    265. 

  265.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    266. 

  266.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    267. 

  267. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    268. 

  268. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
    269. 

  269. `)])],-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(`
    270. 

  270.   `),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(`
    271. 

  271. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    272. 

  272. `),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(`
    273. 

  273. `),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(`
    274. 

  274. `),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(`
    275. 

  275.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    276. 

  276.     `),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(`
    277. 

  277.     `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
    278. 

  278.       value`),n("span",{class:"token punctuation"},","),t(`
    279. 

  279.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    280. 

  280.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    281. 

  281. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    282. 

  282. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
    283. 

  283. `)])],-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>
    284. 

  284. <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>
    285. 

  285. <h2 id="en-us">en-US</h2>
    286. 

  286. <p>The input box comes in three sizes. large is used in the form, while the medium size is the default.</p>
    287. 

  287. `,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(`
    288. 

  288.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    289. 

  289.     `),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(`
    290. 

  290.     `),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(`
    291. 

  291.     `),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(`
    292. 

  292.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    293. 

  293. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    294. 

  294. `),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(`
    295. 

  295. `),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(`
    296. 

  296. `),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(`
    297. 

  297. 

  298. `),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(`
    299. 

  299.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    300. 

  300.     `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
    301. 

  301.       `),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(`
    302. 

  302.       `),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(`
    303. 

  303.       `),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(`
    304. 

  304.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    305. 

  305.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    306. 

  306. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    307. 

  307. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
    308. 

  308. `)])],-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(`
    309. 

  309.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    310. 

  310.     `),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(`
    311. 

  311.     `),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(`
    312. 

  312.     `),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(`
    313. 

  313.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("div")]),n("span",{class:"token punctuation"},">")]),t(`
    314. 

  314. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    315. 

  315. `),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(`
    316. 

  316. `),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(`
    317. 

  317. `),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(`
    318. 

  318. `),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(`
    319. 

  319.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    320. 

  320.     `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
    321. 

  321.       `),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(`
    322. 

  322.       `),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(`
    323. 

  323.       `),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(`
    324. 

  324.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    325. 

  325.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    326. 

  326. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    327. 

  327. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
    328. 

  328. `)])],-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>
    329. 

  329. <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>
    330. 

  330. <h2 id="en-us">en-US</h2>
    331. 

  331. <p>Click <code>TimePicker</code>, and then we could select or input a time in panel.</p>
    332. 

  332. `,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(`
    333. 

  333.   `),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(`
    334. 

  334.     `),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(`
    335. 

  335.   `),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(`
    336. 

  336. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    337. 

  337. `),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(`
    338. 

  338. `),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(`
    339. 

  339. `),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(`
    340. 

  340. `),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(`
    341. 

  341. 

  342. `),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(`
    343. 

  343.   `),n("span",{class:"token literal-property property"},"components"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"{"),t(`
    344. 

  344.     SmileOutlined`),n("span",{class:"token punctuation"},","),t(`
    345. 

  345.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    346. 

  346.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    347. 

  347.     `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
    348. 

  348.       moment`),n("span",{class:"token punctuation"},","),t(`
    349. 

  349.       `),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(`
    350. 

  350.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    351. 

  351.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    352. 

  352. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    353. 

  353. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
    354. 

  354. `)])],-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(`
    355. 

  355.   `),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(`
    356. 

  356.     `),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(`
    357. 

  357.   `),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(`
    358. 

  358. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("template")]),n("span",{class:"token punctuation"},">")]),t(`
    359. 

  359. `),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(`
    360. 

  360. `),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(`
    361. 

  361. `),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(`
    362. 

  362. `),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(`
    363. 

  363. `),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(`
    364. 

  364.   `),n("span",{class:"token literal-property property"},"components"),n("span",{class:"token operator"},":"),t(),n("span",{class:"token punctuation"},"{"),t(`
    365. 

  365.     SmileOutlined`),n("span",{class:"token punctuation"},","),t(`
    366. 

  366.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    367. 

  367.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),t(),n("span",{class:"token punctuation"},"{"),t(`
    368. 

  368.     `),n("span",{class:"token keyword"},"return"),t(),n("span",{class:"token punctuation"},"{"),t(`
    369. 

  369.       moment`),n("span",{class:"token punctuation"},","),t(`
    370. 

  370.       `),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(`
    371. 

  371.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),t(`
    372. 

  372.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),t(`
    373. 

  373. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),t(`
    374. 

  374. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),t("script")]),n("span",{class:"token punctuation"},">")]),t(`
    375. 

  375. `)])],-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:`
    376. 

  376. \u8F93\u5165\u6216\u9009\u62E9\u65F6\u95F4\u7684\u63A7\u4EF6\u3002
    377. 

  377. 

  378. ## \u4F55\u65F6\u4F7F\u7528
    379. 

  379. 

  380. \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
    381. 

  381. 

  382. ## API
    383. 

  383. 

  384. | \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C | \u7248\u672C |
    385. 

  385. | --- | --- | --- | --- | --- |
    386. 

  386. | addon | \u9009\u62E9\u6846\u5E95\u90E8\u663E\u793A\u81EA\u5B9A\u4E49\u7684\u5185\u5BB9 | slot \\| slot-scope | \u65E0 |  |
    387. 

  387. | allowClear | \u662F\u5426\u5C55\u793A\u6E05\u9664\u6309\u94AE | boolean | true |  |
    388. 

  388. | autofocus | \u81EA\u52A8\u83B7\u53D6\u7126\u70B9 | boolean | false |  |
    389. 

  389. | clearText | \u6E05\u9664\u6309\u94AE\u7684\u63D0\u793A\u6587\u6848 | string | clear |  |
    390. 

  390. | 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() |  |
    391. 

  391. | defaultValue | \u9ED8\u8BA4\u65F6\u95F4 | [moment](http://momentjs.com/) | \u65E0 |  |
    392. 

  392. | disabled | \u7981\u7528\u5168\u90E8\u64CD\u4F5C | boolean | false |  |
    393. 

  393. | disabledHours | \u7981\u6B62\u9009\u62E9\u90E8\u5206\u5C0F\u65F6\u9009\u9879 | function() | \u65E0 |  |
    394. 

  394. | disabledMinutes | \u7981\u6B62\u9009\u62E9\u90E8\u5206\u5206\u949F\u9009\u9879 | function(selectedHour) | \u65E0 |  |
    395. 

  395. | disabledSeconds | \u7981\u6B62\u9009\u62E9\u90E8\u5206\u79D2\u9009\u9879 | function(selectedHour, selectedMinute) | \u65E0 |  |
    396. 

  396. | format | \u5C55\u793A\u7684\u65F6\u95F4\u683C\u5F0F | string | &quot;HH:mm:ss&quot; |  |
    397. 

  397. | getPopupContainer | \u5B9A\u4E49\u6D6E\u5C42\u7684\u5BB9\u5668\uFF0C\u9ED8\u8BA4\u4E3A body \u4E0A\u65B0\u5EFA div | function(trigger) | \u65E0 |  |
    398. 

  398. | hideDisabledOptions | \u9690\u85CF\u7981\u6B62\u9009\u62E9\u7684\u9009\u9879 | boolean | false |  |
    399. 

  399. | hourStep | \u5C0F\u65F6\u9009\u9879\u95F4\u9694 | number | 1 |  |
    400. 

  400. | 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 |  |
    401. 

  401. | minuteStep | \u5206\u949F\u9009\u9879\u95F4\u9694 | number | 1 |  |
    402. 

  402. | open(v-model) | \u9762\u677F\u662F\u5426\u6253\u5F00 | boolean | false |  |
    403. 

  403. | placeholder | \u6CA1\u6709\u503C\u7684\u65F6\u5019\u663E\u793A\u7684\u5185\u5BB9 | string | &quot;\u8BF7\u9009\u62E9\u65F6\u95F4&quot; |  |
    404. 

  404. | popupClassName | \u5F39\u51FA\u5C42\u7C7B\u540D | string | &#39;&#39; |  |
    405. 

  405. | popupStyle | \u5F39\u51FA\u5C42\u6837\u5F0F\u5BF9\u8C61 | object | - |  |
    406. 

  406. | secondStep | \u79D2\u9009\u9879\u95F4\u9694 | number | 1 |  |
    407. 

  407. | suffixIcon | \u81EA\u5B9A\u4E49\u7684\u9009\u62E9\u6846\u540E\u7F00\u56FE\u6807 | string \\| VNode \\| slot | - |  |
    408. 

  408. | clearIcon | \u81EA\u5B9A\u4E49\u7684\u6E05\u9664\u56FE\u6807 | string \\| VNode \\| slot | - | 1.5.0 |
    409. 

  409. | use12Hours | \u4F7F\u7528 12 \u5C0F\u65F6\u5236\uFF0C\u4E3A true \u65F6 \`format\` \u9ED8\u8BA4\u4E3A \`h:mm:ss a\` | boolean | false |  |
    410. 

  410. | value(v-model) | \u5F53\u524D\u65F6\u95F4 | [moment](http://momentjs.com/) | \u65E0 |  |
    411. 

  411. | 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 |
    412. 

  412. | 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 |
    413. 

  413. 

  414. ### \u4E8B\u4EF6
    415. 

  415. 

  416. | \u4E8B\u4EF6\u540D\u79F0   | \u8BF4\u660E                  | \u56DE\u8C03\u53C2\u6570                                                   |
    417. 

  417. | ---------- | --------------------- | ---------------------------------------------------------- |
    418. 

  418. | change     | \u65F6\u95F4\u53D1\u751F\u53D8\u5316\u7684\u56DE\u8C03    | function(time: moment \\| string, timeString: string): void |
    419. 

  419. | openChange | \u9762\u677F\u6253\u5F00/\u5173\u95ED\u65F6\u7684\u56DE\u8C03 | (open: boolean): void                                      |
    420. 

  420. 

  421. ## \u65B9\u6CD5
    422. 

  422. 

  423. | \u540D\u79F0    | \u63CF\u8FF0     |
    424. 

  424. | ------- | -------- |
    425. 

  425. | blur()  | \u79FB\u9664\u7126\u70B9 |
    426. 

  426. | focus() | \u83B7\u53D6\u7126\u70B9 |
    427. 

  427. `,html:`<p>\u8F93\u5165\u6216\u9009\u62E9\u65F6\u95F4\u7684\u63A7\u4EF6\u3002</p>
    428. 

  428. <h2 id="\u4F55\u65F6\u4F7F\u7528">\u4F55\u65F6\u4F7F\u7528</h2>
    429. 

  429. <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>
    430. 

  430. <h2 id="api">API</h2>
    431. 

  431. <table>
    432. 

  432. <thead>
    433. 

  433. <tr>
    434. 

  434. <th>\u53C2\u6570</th>
    435. 

  435. <th>\u8BF4\u660E</th>
    436. 

  436. <th>\u7C7B\u578B</th>
    437. 

  437. <th>\u9ED8\u8BA4\u503C</th>
    438. 

  438. <th>\u7248\u672C</th>
    439. 

  439. </tr>
    440. 

  440. </thead>
    441. 

  441. <tbody>
    442. 

  442. <tr>
    443. 

  443. <td>addon</td>
    444. 

  444. <td>\u9009\u62E9\u6846\u5E95\u90E8\u663E\u793A\u81EA\u5B9A\u4E49\u7684\u5185\u5BB9</td>
    445. 

  445. <td>slot | slot-scope</td>
    446. 

  446. <td>\u65E0</td>
    447. 

  447. <td></td>
    448. 

  448. </tr>
    449. 

  449. <tr>
    450. 

  450. <td>allowClear</td>
    451. 

  451. <td>\u662F\u5426\u5C55\u793A\u6E05\u9664\u6309\u94AE</td>
    452. 

  452. <td>boolean</td>
    453. 

  453. <td>true</td>
    454. 

  454. <td></td>
    455. 

  455. </tr>
    456. 

  456. <tr>
    457. 

  457. <td>autofocus</td>
    458. 

  458. <td>\u81EA\u52A8\u83B7\u53D6\u7126\u70B9</td>
    459. 

  459. <td>boolean</td>
    460. 

  460. <td>false</td>
    461. 

  461. <td></td>
    462. 

  462. </tr>
    463. 

  463. <tr>
    464. 

  464. <td>clearText</td>
    465. 

  465. <td>\u6E05\u9664\u6309\u94AE\u7684\u63D0\u793A\u6587\u6848</td>
    466. 

  466. <td>string</td>
    467. 

  467. <td>clear</td>
    468. 

  468. <td></td>
    469. 

  469. </tr>
    470. 

  470. <tr>
    471. 

  471. <td>defaultOpenValue</td>
    472. 

  472. <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>
    473. 

  473. <td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a></td>
    474. 

  474. <td>moment()</td>
    475. 

  475. <td></td>
    476. 

  476. </tr>
    477. 

  477. <tr>
    478. 

  478. <td>defaultValue</td>
    479. 

  479. <td>\u9ED8\u8BA4\u65F6\u95F4</td>
    480. 

  480. <td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a></td>
    481. 

  481. <td>\u65E0</td>
    482. 

  482. <td></td>
    483. 

  483. </tr>
    484. 

  484. <tr>
    485. 

  485. <td>disabled</td>
    486. 

  486. <td>\u7981\u7528\u5168\u90E8\u64CD\u4F5C</td>
    487. 

  487. <td>boolean</td>
    488. 

  488. <td>false</td>
    489. 

  489. <td></td>
    490. 

  490. </tr>
    491. 

  491. <tr>
    492. 

  492. <td>disabledHours</td>
    493. 

  493. <td>\u7981\u6B62\u9009\u62E9\u90E8\u5206\u5C0F\u65F6\u9009\u9879</td>
    494. 

  494. <td>function()</td>
    495. 

  495. <td>\u65E0</td>
    496. 

  496. <td></td>
    497. 

  497. </tr>
    498. 

  498. <tr>
    499. 

  499. <td>disabledMinutes</td>
    500. 

  500. <td>\u7981\u6B62\u9009\u62E9\u90E8\u5206\u5206\u949F\u9009\u9879</td>
    501. 

  501. <td>function(selectedHour)</td>
    502. 

  502. <td>\u65E0</td>
    503. 

  503. <td></td>
    504. 

  504. </tr>
    505. 

  505. <tr>
    506. 

  506. <td>disabledSeconds</td>
    507. 

  507. <td>\u7981\u6B62\u9009\u62E9\u90E8\u5206\u79D2\u9009\u9879</td>
    508. 

  508. <td>function(selectedHour, selectedMinute)</td>
    509. 

  509. <td>\u65E0</td>
    510. 

  510. <td></td>
    511. 

  511. </tr>
    512. 

  512. <tr>
    513. 

  513. <td>format</td>
    514. 

  514. <td>\u5C55\u793A\u7684\u65F6\u95F4\u683C\u5F0F</td>
    515. 

  515. <td>string</td>
    516. 

  516. <td>&quot;HH:mm:ss&quot;</td>
    517. 

  517. <td></td>
    518. 

  518. </tr>
    519. 

  519. <tr>
    520. 

  520. <td>getPopupContainer</td>
    521. 

  521. <td>\u5B9A\u4E49\u6D6E\u5C42\u7684\u5BB9\u5668\uFF0C\u9ED8\u8BA4\u4E3A body \u4E0A\u65B0\u5EFA div</td>
    522. 

  522. <td>function(trigger)</td>
    523. 

  523. <td>\u65E0</td>
    524. 

  524. <td></td>
    525. 

  525. </tr>
    526. 

  526. <tr>
    527. 

  527. <td>hideDisabledOptions</td>
    528. 

  528. <td>\u9690\u85CF\u7981\u6B62\u9009\u62E9\u7684\u9009\u9879</td>
    529. 

  529. <td>boolean</td>
    530. 

  530. <td>false</td>
    531. 

  531. <td></td>
    532. 

  532. </tr>
    533. 

  533. <tr>
    534. 

  534. <td>hourStep</td>
    535. 

  535. <td>\u5C0F\u65F6\u9009\u9879\u95F4\u9694</td>
    536. 

  536. <td>number</td>
    537. 

  537. <td>1</td>
    538. 

  538. <td></td>
    539. 

  539. </tr>
    540. 

  540. <tr>
    541. 

  541. <td>inputReadOnly</td>
    542. 

  542. <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>
    543. 

  543. <td>boolean</td>
    544. 

  544. <td>false</td>
    545. 

  545. <td></td>
    546. 

  546. </tr>
    547. 

  547. <tr>
    548. 

  548. <td>minuteStep</td>
    549. 

  549. <td>\u5206\u949F\u9009\u9879\u95F4\u9694</td>
    550. 

  550. <td>number</td>
    551. 

  551. <td>1</td>
    552. 

  552. <td></td>
    553. 

  553. </tr>
    554. 

  554. <tr>
    555. 

  555. <td>open(v-model)</td>
    556. 

  556. <td>\u9762\u677F\u662F\u5426\u6253\u5F00</td>
    557. 

  557. <td>boolean</td>
    558. 

  558. <td>false</td>
    559. 

  559. <td></td>
    560. 

  560. </tr>
    561. 

  561. <tr>
    562. 

  562. <td>placeholder</td>
    563. 

  563. <td>\u6CA1\u6709\u503C\u7684\u65F6\u5019\u663E\u793A\u7684\u5185\u5BB9</td>
    564. 

  564. <td>string</td>
    565. 

  565. <td>&quot;\u8BF7\u9009\u62E9\u65F6\u95F4&quot;</td>
    566. 

  566. <td></td>
    567. 

  567. </tr>
    568. 

  568. <tr>
    569. 

  569. <td>popupClassName</td>
    570. 

  570. <td>\u5F39\u51FA\u5C42\u7C7B\u540D</td>
    571. 

  571. <td>string</td>
    572. 

  572. <td>''</td>
    573. 

  573. <td></td>
    574. 

  574. </tr>
    575. 

  575. <tr>
    576. 

  576. <td>popupStyle</td>
    577. 

  577. <td>\u5F39\u51FA\u5C42\u6837\u5F0F\u5BF9\u8C61</td>
    578. 

  578. <td>object</td>
    579. 

  579. <td>-</td>
    580. 

  580. <td></td>
    581. 

  581. </tr>
    582. 

  582. <tr>
    583. 

  583. <td>secondStep</td>
    584. 

  584. <td>\u79D2\u9009\u9879\u95F4\u9694</td>
    585. 

  585. <td>number</td>
    586. 

  586. <td>1</td>
    587. 

  587. <td></td>
    588. 

  588. </tr>
    589. 

  589. <tr>
    590. 

  590. <td>suffixIcon</td>
    591. 

  591. <td>\u81EA\u5B9A\u4E49\u7684\u9009\u62E9\u6846\u540E\u7F00\u56FE\u6807</td>
    592. 

  592. <td>string | VNode | slot</td>
    593. 

  593. <td>-</td>
    594. 

  594. <td></td>
    595. 

  595. </tr>
    596. 

  596. <tr>
    597. 

  597. <td>clearIcon</td>
    598. 

  598. <td>\u81EA\u5B9A\u4E49\u7684\u6E05\u9664\u56FE\u6807</td>
    599. 

  599. <td>string | VNode | slot</td>
    600. 

  600. <td>-</td>
    601. 

  601. <td>1.5.0</td>
    602. 

  602. </tr>
    603. 

  603. <tr>
    604. 

  604. <td>use12Hours</td>
    605. 

  605. <td>\u4F7F\u7528 12 \u5C0F\u65F6\u5236\uFF0C\u4E3A true \u65F6 <code>format</code> \u9ED8\u8BA4\u4E3A <code>h:mm:ss a</code></td>
    606. 

  606. <td>boolean</td>
    607. 

  607. <td>false</td>
    608. 

  608. <td></td>
    609. 

  609. </tr>
    610. 

  610. <tr>
    611. 

  611. <td>value(v-model)</td>
    612. 

  612. <td>\u5F53\u524D\u65F6\u95F4</td>
    613. 

  613. <td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a></td>
    614. 

  614. <td>\u65E0</td>
    615. 

  615. <td></td>
    616. 

  616. </tr>
    617. 

  617. <tr>
    618. 

  618. <td>align</td>
    619. 

  619. <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>
    620. 

  620. <td>Object</td>
    621. 

  621. <td>\u65E0</td>
    622. 

  622. <td>1.5.4</td>
    623. 

  623. </tr>
    624. 

  624. <tr>
    625. 

  625. <td>valueFormat</td>
    626. 

  626. <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>
    627. 

  627. <td>string\uFF0C<a href="https://momentjs.com/docs/#/displaying/format/" target="_blank" rel="noopener noreferrer">\u5177\u4F53\u683C\u5F0F</a></td>
    628. 

  628. <td>-</td>
    629. 

  629. <td>1.5.4</td>
    630. 

  630. </tr>
    631. 

  631. </tbody>
    632. 

  632. </table>
    633. 

  633. <h3 id="\u4E8B\u4EF6">\u4E8B\u4EF6</h3>
    634. 

  634. <table>
    635. 

  635. <thead>
    636. 

  636. <tr>
    637. 

  637. <th>\u4E8B\u4EF6\u540D\u79F0</th>
    638. 

  638. <th>\u8BF4\u660E</th>
    639. 

  639. <th>\u56DE\u8C03\u53C2\u6570</th>
    640. 

  640. </tr>
    641. 

  641. </thead>
    642. 

  642. <tbody>
    643. 

  643. <tr>
    644. 

  644. <td>change</td>
    645. 

  645. <td>\u65F6\u95F4\u53D1\u751F\u53D8\u5316\u7684\u56DE\u8C03</td>
    646. 

  646. <td>function(time: moment | string, timeString: string): void</td>
    647. 

  647. </tr>
    648. 

  648. <tr>
    649. 

  649. <td>openChange</td>
    650. 

  650. <td>\u9762\u677F\u6253\u5F00/\u5173\u95ED\u65F6\u7684\u56DE\u8C03</td>
    651. 

  651. <td>(open: boolean): void</td>
    652. 

  652. </tr>
    653. 

  653. </tbody>
    654. 

  654. </table>
    655. 

  655. <h2 id="\u65B9\u6CD5">\u65B9\u6CD5</h2>
    656. 

  656. <table>
    657. 

  657. <thead>
    658. 

  658. <tr>
    659. 

  659. <th>\u540D\u79F0</th>
    660. 

  660. <th>\u63CF\u8FF0</th>
    661. 

  661. </tr>
    662. 

  662. </thead>
    663. 

  663. <tbody>
    664. 

  664. <tr>
    665. 

  665. <td>blur()</td>
    666. 

  666. <td>\u79FB\u9664\u7126\u70B9</td>
    667. 

  667. </tr>
    668. 

  668. <tr>
    669. 

  669. <td>focus()</td>
    670. 

  670. <td>\u83B7\u53D6\u7126\u70B9</td>
    671. 

  671. </tr>
    672. 

  672. </tbody>
    673. 

  673. </table>
    674. 

  674. `,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:`
    675. 

  675. To select/input a time.
    676. 

  676. 

  677. ## When To Use
    678. 

  678. 

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

  680. 

  681. ## API
    682. 

  682. 

  683. | Property | Description | Type | Default | Version |
    684. 

  684. | --- | --- | --- | --- | --- |
    685. 

  685. | addon | some addon to timepicker panel bottom | slot \\| slot-scope | - |  |
    686. 

  686. | allowClear | allow clearing text | boolean | true |  |
    687. 

  687. | autofocus | get focus when component mounted | boolean | false |  |
    688. 

  688. | clearText | clear tooltip of icon | string | clear |  |
    689. 

  689. | defaultOpenValue | default open panel value, used to set utcOffset,locale if value/defaultValue absent | [moment](http://momentjs.com/) | moment() |  |
    690. 

  690. | defaultValue | to set default time | [moment](http://momentjs.com/) | - |  |
    691. 

  691. | disabled | determine whether the TimePicker is disabled | boolean | false |  |
    692. 

  692. | disabledHours | to specify the hours that cannot be selected | function() | - |  |
    693. 

  693. | disabledMinutes | to specify the minutes that cannot be selected | function(selectedHour) | - |  |
    694. 

  694. | disabledSeconds | to specify the seconds that cannot be selected | function(selectedHour, selectedMinute) | - |  |
    695. 

  695. | format | to set the time format | string | &quot;HH:mm:ss&quot; |  |
    696. 

  696. | getPopupContainer | to set the container of the floating layer, while the default is to create a div element in body | function(trigger) | - |  |
    697. 

  697. | hideDisabledOptions | hide the options that can not be selected | boolean | false |  |
    698. 

  698. | hourStep | interval between hours in picker | number | 1 |  |
    699. 

  699. | inputReadOnly | Set the \`readonly\` attribute of the input tag (avoids virtual keyboard on touch devices) | boolean | false |  |
    700. 

  700. | minuteStep | interval between minutes in picker | number | 1 |  |
    701. 

  701. | open(v-model) | whether to popup panel | boolean | false |  |
    702. 

  702. | placeholder | display when there&#39;s no value | string | &quot;Select a time&quot; |  |
    703. 

  703. | popupClassName | className of panel | string | &#39;&#39; |  |
    704. 

  704. | popupStyle | style of panel | object | - |  |
    705. 

  705. | secondStep | interval between seconds in picker | number | 1 |  |
    706. 

  706. | suffixIcon | The custom suffix icon | string \\| VNode \\| slot | - |  |
    707. 

  707. | clearIcon | The custom clear icon | string \\| VNode \\| slot | - | 1.5.0 |
    708. 

  708. | use12Hours | display as 12 hours format, with default format \`h:mm:ss a\` | boolean | false |  |
    709. 

  709. | value(v-model) | to set time | [moment](http://momentjs.com/) | - |  |
    710. 

  710. | 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 |
    711. 

  711. | 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 |
    712. 

  712. 

  713. ### events
    714. 

  714. 

  715. | Events Name | Description | Arguments |
    716. 

  716. | --- | --- | --- |
    717. 

  717. | change | a callback function, can be executed when the selected time is changing | function(time: moment \\| string, timeString: string): void |
    718. 

  718. | openChange | a callback function which will be called while panel opening/closing | (open: boolean): void |
    719. 

  719. 

  720. ## Methods
    721. 

  721. 

  722. | Name    | Description  |
    723. 

  723. | ------- | ------------ |
    724. 

  724. | blur()  | remove focus |
    725. 

  725. | focus() | get focus    |
    726. 

  726. `,html:`<p>To select/input a time.</p>
    727. 

  727. <h2 id="when-to-use">When To Use</h2>
    728. 

  728. <p>By clicking the input box, you can select a time from a popup panel.</p>
    729. 

  729. <h2 id="api">API</h2>
    730. 

  730. <table>
    731. 

  731. <thead>
    732. 

  732. <tr>
    733. 

  733. <th>Property</th>
    734. 

  734. <th>Description</th>
    735. 

  735. <th>Type</th>
    736. 

  736. <th>Default</th>
    737. 

  737. <th>Version</th>
    738. 

  738. </tr>
    739. 

  739. </thead>
    740. 

  740. <tbody>
    741. 

  741. <tr>
    742. 

  742. <td>addon</td>
    743. 

  743. <td>some addon to timepicker panel bottom</td>
    744. 

  744. <td>slot | slot-scope</td>
    745. 

  745. <td>-</td>
    746. 

  746. <td></td>
    747. 

  747. </tr>
    748. 

  748. <tr>
    749. 

  749. <td>allowClear</td>
    750. 

  750. <td>allow clearing text</td>
    751. 

  751. <td>boolean</td>
    752. 

  752. <td>true</td>
    753. 

  753. <td></td>
    754. 

  754. </tr>
    755. 

  755. <tr>
    756. 

  756. <td>autofocus</td>
    757. 

  757. <td>get focus when component mounted</td>
    758. 

  758. <td>boolean</td>
    759. 

  759. <td>false</td>
    760. 

  760. <td></td>
    761. 

  761. </tr>
    762. 

  762. <tr>
    763. 

  763. <td>clearText</td>
    764. 

  764. <td>clear tooltip of icon</td>
    765. 

  765. <td>string</td>
    766. 

  766. <td>clear</td>
    767. 

  767. <td></td>
    768. 

  768. </tr>
    769. 

  769. <tr>
    770. 

  770. <td>defaultOpenValue</td>
    771. 

  771. <td>default open panel value, used to set utcOffset,locale if value/defaultValue absent</td>
    772. 

  772. <td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a></td>
    773. 

  773. <td>moment()</td>
    774. 

  774. <td></td>
    775. 

  775. </tr>
    776. 

  776. <tr>
    777. 

  777. <td>defaultValue</td>
    778. 

  778. <td>to set default time</td>
    779. 

  779. <td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a></td>
    780. 

  780. <td>-</td>
    781. 

  781. <td></td>
    782. 

  782. </tr>
    783. 

  783. <tr>
    784. 

  784. <td>disabled</td>
    785. 

  785. <td>determine whether the TimePicker is disabled</td>
    786. 

  786. <td>boolean</td>
    787. 

  787. <td>false</td>
    788. 

  788. <td></td>
    789. 

  789. </tr>
    790. 

  790. <tr>
    791. 

  791. <td>disabledHours</td>
    792. 

  792. <td>to specify the hours that cannot be selected</td>
    793. 

  793. <td>function()</td>
    794. 

  794. <td>-</td>
    795. 

  795. <td></td>
    796. 

  796. </tr>
    797. 

  797. <tr>
    798. 

  798. <td>disabledMinutes</td>
    799. 

  799. <td>to specify the minutes that cannot be selected</td>
    800. 

  800. <td>function(selectedHour)</td>
    801. 

  801. <td>-</td>
    802. 

  802. <td></td>
    803. 

  803. </tr>
    804. 

  804. <tr>
    805. 

  805. <td>disabledSeconds</td>
    806. 

  806. <td>to specify the seconds that cannot be selected</td>
    807. 

  807. <td>function(selectedHour, selectedMinute)</td>
    808. 

  808. <td>-</td>
    809. 

  809. <td></td>
    810. 

  810. </tr>
    811. 

  811. <tr>
    812. 

  812. <td>format</td>
    813. 

  813. <td>to set the time format</td>
    814. 

  814. <td>string</td>
    815. 

  815. <td>&quot;HH:mm:ss&quot;</td>
    816. 

  816. <td></td>
    817. 

  817. </tr>
    818. 

  818. <tr>
    819. 

  819. <td>getPopupContainer</td>
    820. 

  820. <td>to set the container of the floating layer, while the default is to create a div element in body</td>
    821. 

  821. <td>function(trigger)</td>
    822. 

  822. <td>-</td>
    823. 

  823. <td></td>
    824. 

  824. </tr>
    825. 

  825. <tr>
    826. 

  826. <td>hideDisabledOptions</td>
    827. 

  827. <td>hide the options that can not be selected</td>
    828. 

  828. <td>boolean</td>
    829. 

  829. <td>false</td>
    830. 

  830. <td></td>
    831. 

  831. </tr>
    832. 

  832. <tr>
    833. 

  833. <td>hourStep</td>
    834. 

  834. <td>interval between hours in picker</td>
    835. 

  835. <td>number</td>
    836. 

  836. <td>1</td>
    837. 

  837. <td></td>
    838. 

  838. </tr>
    839. 

  839. <tr>
    840. 

  840. <td>inputReadOnly</td>
    841. 

  841. <td>Set the <code>readonly</code> attribute of the input tag (avoids virtual keyboard on touch devices)</td>
    842. 

  842. <td>boolean</td>
    843. 

  843. <td>false</td>
    844. 

  844. <td></td>
    845. 

  845. </tr>
    846. 

  846. <tr>
    847. 

  847. <td>minuteStep</td>
    848. 

  848. <td>interval between minutes in picker</td>
    849. 

  849. <td>number</td>
    850. 

  850. <td>1</td>
    851. 

  851. <td></td>
    852. 

  852. </tr>
    853. 

  853. <tr>
    854. 

  854. <td>open(v-model)</td>
    855. 

  855. <td>whether to popup panel</td>
    856. 

  856. <td>boolean</td>
    857. 

  857. <td>false</td>
    858. 

  858. <td></td>
    859. 

  859. </tr>
    860. 

  860. <tr>
    861. 

  861. <td>placeholder</td>
    862. 

  862. <td>display when there's no value</td>
    863. 

  863. <td>string</td>
    864. 

  864. <td>&quot;Select a time&quot;</td>
    865. 

  865. <td></td>
    866. 

  866. </tr>
    867. 

  867. <tr>
    868. 

  868. <td>popupClassName</td>
    869. 

  869. <td>className of panel</td>
    870. 

  870. <td>string</td>
    871. 

  871. <td>''</td>
    872. 

  872. <td></td>
    873. 

  873. </tr>
    874. 

  874. <tr>
    875. 

  875. <td>popupStyle</td>
    876. 

  876. <td>style of panel</td>
    877. 

  877. <td>object</td>
    878. 

  878. <td>-</td>
    879. 

  879. <td></td>
    880. 

  880. </tr>
    881. 

  881. <tr>
    882. 

  882. <td>secondStep</td>
    883. 

  883. <td>interval between seconds in picker</td>
    884. 

  884. <td>number</td>
    885. 

  885. <td>1</td>
    886. 

  886. <td></td>
    887. 

  887. </tr>
    888. 

  888. <tr>
    889. 

  889. <td>suffixIcon</td>
    890. 

  890. <td>The custom suffix icon</td>
    891. 

  891. <td>string | VNode | slot</td>
    892. 

  892. <td>-</td>
    893. 

  893. <td></td>
    894. 

  894. </tr>
    895. 

  895. <tr>
    896. 

  896. <td>clearIcon</td>
    897. 

  897. <td>The custom clear icon</td>
    898. 

  898. <td>string | VNode | slot</td>
    899. 

  899. <td>-</td>
    900. 

  900. <td>1.5.0</td>
    901. 

  901. </tr>
    902. 

  902. <tr>
    903. 

  903. <td>use12Hours</td>
    904. 

  904. <td>display as 12 hours format, with default format <code>h:mm:ss a</code></td>
    905. 

  905. <td>boolean</td>
    906. 

  906. <td>false</td>
    907. 

  907. <td></td>
    908. 

  908. </tr>
    909. 

  909. <tr>
    910. 

  910. <td>value(v-model)</td>
    911. 

  911. <td>to set time</td>
    912. 

  912. <td><a href="http://momentjs.com/" target="_blank" rel="noopener noreferrer">moment</a></td>
    913. 

  913. <td>-</td>
    914. 

  914. <td></td>
    915. 

  915. </tr>
    916. 

  916. <tr>
    917. 

  917. <td>align</td>
    918. 

  918. <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>
    919. 

  919. <td>Object</td>
    920. 

  920. <td>-</td>
    921. 

  921. <td>1.5.4</td>
    922. 

  922. </tr>
    923. 

  923. <tr>
    924. 

  924. <td>valueFormat</td>
    925. 

  925. <td>optional, format of binding value. If not specified, the binding value will be a Date object</td>
    926. 

  926. <td>string\uFF0C<a href="https://momentjs.com/docs/#/displaying/format/" target="_blank" rel="noopener noreferrer">date formats</a></td>
    927. 

  927. <td>-</td>
    928. 

  928. <td>1.5.4</td>
    929. 

  929. </tr>
    930. 

  930. </tbody>
    931. 

  931. </table>
    932. 

  932. <h3 id="events">events</h3>
    933. 

  933. <table>
    934. 

  934. <thead>
    935. 

  935. <tr>
    936. 

  936. <th>Events Name</th>
    937. 

  937. <th>Description</th>
    938. 

  938. <th>Arguments</th>
    939. 

  939. </tr>
    940. 

  940. </thead>
    941. 

  941. <tbody>
    942. 

  942. <tr>
    943. 

  943. <td>change</td>
    944. 

  944. <td>a callback function, can be executed when the selected time is changing</td>
    945. 

  945. <td>function(time: moment | string, timeString: string): void</td>
    946. 

  946. </tr>
    947. 

  947. <tr>
    948. 

  948. <td>openChange</td>
    949. 

  949. <td>a callback function which will be called while panel opening/closing</td>
    950. 

  950. <td>(open: boolean): void</td>
    951. 

  951. </tr>
    952. 

  952. </tbody>
    953. 

  953. </table>
    954. 

  954. <h2 id="methods">Methods</h2>
    955. 

  955. <table>
    956. 

  956. <thead>
    957. 

  957. <tr>
    958. 

  958. <th>Name</th>
    959. 

  959. <th>Description</th>
    960. 

  960. </tr>
    961. 

  961. </thead>
    962. 

  962. <tbody>
    963. 

  963. <tr>
    964. 

  964. <td>blur()</td>
    965. 

  965. <td>remove focus</td>
    966. 

  966. </tr>
    967. 

  967. <tr>
    968. 

  968. <td>focus()</td>
    969. 

  969. <td>get focus</td>
    970. 

  970. </tr>
    971. 

  971. </tbody>
    972. 

  972. </table>
    973. 

  973. `,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};
    974.