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
/
3x.antv.design
/
assets
/
index.f563d069.js

index.f563d069.js 533 KB
History Raw

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957295829592960296129622963296429652966296729682969297029712972297329742975297629772978297929802981298229832984298529862987298829892990299129922993299429952996299729982999300030013002300330043005300630073008300930103011301230133014301530163017301830193020302130223023302430253026302730283029303030313032303330343035303630373038303930403041304230433044304530463047304830493050305130523053305430553056305730583059306030613062306330643065306630673068306930703071307230733074307530763077307830793080308130823083308430853086308730883089309030913092309330943095309630973098309931003101310231033104310531063107 
  1. import{d as f,r as k,_ as b,j as p,k as C,l as y,w as o,f as e,b as n,e as a,t as Z,z as w,E as I,a as Y,q as W}from"./index.3fe853a6.js";import{S as X}from"./SmileOutlined.02787c93.js";const H=f({setup(){return{value1:k(),value2:k(),value3:k(),value4:k(),value5:k()}}});function T(s,t,i,h,g,m){const c=p("a-date-picker"),u=p("a-space"),d=p("demo-box");return C(),y(d,{jsfiddle:{us:"Basic use case. Users can select or input a date in panel.",cn:"\u6700\u7B80\u5355\u7684\u7528\u6CD5\uFF0C\u5728\u6D6E\u5C42\u4E2D\u53EF\u4EE5\u9009\u62E9\u6216\u8005\u8F93\u5165\u65E5\u671F\u3002",docHtml:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
    2. 

  2.           <span aria-hidden="true" class="anchor">#</span>
    3. 

  3.         </a></h2>
    4. 

  4. <p>\u6700\u7B80\u5355\u7684\u7528\u6CD5\uFF0C\u5728\u6D6E\u5C42\u4E2D\u53EF\u4EE5\u9009\u62E9\u6216\u8005\u8F93\u5165\u65E5\u671F\u3002</p>
    5. 

  5. <h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
    6. 

  6.           <span aria-hidden="true" class="anchor">#</span>
    7. 

  7.         </a></h2>
    8. 

  8. <p>Basic use case. Users can select or input a date in panel.</p>
    9. 

  9. `,order:0,title:{"zh-CN":"\u57FA\u672C\u7528\u6CD5","en-US":"Basic Usage"},relativePath:"components/date-picker/demo/basic.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXNwYWNlIGRpcmVjdGlvbj0idmVydGljYWwiIDpzaXplPSIxMiI+CiAgICA8YS1kYXRlLXBpY2tlciB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTEiIC8+CiAgICA8YS1kYXRlLXBpY2tlciB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTIiIHBpY2tlcj0id2VlayIgLz4KICAgIDxhLWRhdGUtcGlja2VyIHYtbW9kZWw6dmFsdWU9InZhbHVlMyIgcGlja2VyPSJtb250aCIgLz4KICAgIDxhLWRhdGUtcGlja2VyIHYtbW9kZWw6dmFsdWU9InZhbHVlNCIgcGlja2VyPSJxdWFydGVyIiAvPgogICAgPGEtZGF0ZS1waWNrZXIgdi1tb2RlbDp2YWx1ZT0idmFsdWU1IiBwaWNrZXI9InllYXIiIC8+CiAgPC9hLXNwYWNlPgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwppbXBvcnQgdHlwZSB7IERheWpzIH0gZnJvbSAnZGF5anMnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgcmV0dXJuIHsKICAgICAgdmFsdWUxOiByZWY8RGF5anM+KCksCiAgICAgIHZhbHVlMjogcmVmPERheWpzPigpLAogICAgICB2YWx1ZTM6IHJlZjxEYXlqcz4oKSwKICAgICAgdmFsdWU0OiByZWY8RGF5anM+KCksCiAgICAgIHZhbHVlNTogcmVmPERheWpzPigpLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXNwYWNlIGRpcmVjdGlvbj0idmVydGljYWwiIDpzaXplPSIxMiI+CiAgICA8YS1kYXRlLXBpY2tlciB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTEiIC8+CiAgICA8YS1kYXRlLXBpY2tlciB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTIiIHBpY2tlcj0id2VlayIgLz4KICAgIDxhLWRhdGUtcGlja2VyIHYtbW9kZWw6dmFsdWU9InZhbHVlMyIgcGlja2VyPSJtb250aCIgLz4KICAgIDxhLWRhdGUtcGlja2VyIHYtbW9kZWw6dmFsdWU9InZhbHVlNCIgcGlja2VyPSJxdWFydGVyIiAvPgogICAgPGEtZGF0ZS1waWNrZXIgdi1tb2RlbDp2YWx1ZT0idmFsdWU1IiBwaWNrZXI9InllYXIiIC8+CiAgPC9hLXNwYWNlPgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICByZXR1cm4gewogICAgICB2YWx1ZTE6IHJlZigpLAogICAgICB2YWx1ZTI6IHJlZigpLAogICAgICB2YWx1ZTM6IHJlZigpLAogICAgICB2YWx1ZTQ6IHJlZigpLAogICAgICB2YWx1ZTU6IHJlZigpLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+"}},{default:o(()=>[e(u,{direction:"vertical",size:12},{default:o(()=>[e(c,{value:s.value1,"onUpdate:value":t[0]||(t[0]=r=>s.value1=r)},null,8,["value"]),e(c,{value:s.value2,"onUpdate:value":t[1]||(t[1]=r=>s.value2=r),picker:"week"},null,8,["value"]),e(c,{value:s.value3,"onUpdate:value":t[2]||(t[2]=r=>s.value3=r),picker:"month"},null,8,["value"]),e(c,{value:s.value4,"onUpdate:value":t[3]||(t[3]=r=>s.value4=r),picker:"quarter"},null,8,["value"]),e(c,{value:s.value5,"onUpdate:value":t[4]||(t[4]=r=>s.value5=r),picker:"year"},null,8,["value"])]),_:1})]),htmlCode:o(()=>t[5]||(t[5]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    10. 

  10.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-space")]),a(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("vertical"),n("span",{class:"token punctuation"},'"')]),a(),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"},'"'),a("12"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    11. 

  11.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value1"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    12. 

  12.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value2"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"picker"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("week"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    13. 

  13.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value3"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"picker"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("month"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    14. 

  14.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value4"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"picker"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("quarter"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    15. 

  15.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value5"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"picker"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("year"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    16. 

  16.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-space")]),n("span",{class:"token punctuation"},">")]),a(`
    17. 

  17. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    18. 

  18. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),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"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
    19. 

  19. `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent"),n("span",{class:"token punctuation"},","),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
    20. 

  20. `),n("span",{class:"token keyword"},"import"),a(" type "),n("span",{class:"token punctuation"},"{"),a(" Dayjs "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'dayjs'"),n("span",{class:"token punctuation"},";"),a(`
    21. 

  21. `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
    22. 

  22.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    23. 

  23.     `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
    24. 

  24.       `),n("span",{class:"token literal-property property"},"value1"),n("span",{class:"token operator"},":"),a(" ref"),n("span",{class:"token operator"},"<"),a("Dayjs"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    25. 

  25.       `),n("span",{class:"token literal-property property"},"value2"),n("span",{class:"token operator"},":"),a(" ref"),n("span",{class:"token operator"},"<"),a("Dayjs"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    26. 

  26.       `),n("span",{class:"token literal-property property"},"value3"),n("span",{class:"token operator"},":"),a(" ref"),n("span",{class:"token operator"},"<"),a("Dayjs"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    27. 

  27.       `),n("span",{class:"token literal-property property"},"value4"),n("span",{class:"token operator"},":"),a(" ref"),n("span",{class:"token operator"},"<"),a("Dayjs"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    28. 

  28.       `),n("span",{class:"token literal-property property"},"value5"),n("span",{class:"token operator"},":"),a(" ref"),n("span",{class:"token operator"},"<"),a("Dayjs"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    29. 

  29.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    30. 

  30.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    31. 

  31. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    32. 

  32. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
    33. 

  33. `)])],-1)])),jsVersionHtml:o(()=>t[6]||(t[6]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    34. 

  34.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-space")]),a(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("vertical"),n("span",{class:"token punctuation"},'"')]),a(),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"},'"'),a("12"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    35. 

  35.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value1"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    36. 

  36.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value2"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"picker"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("week"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    37. 

  37.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value3"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"picker"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("month"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    38. 

  38.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value4"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"picker"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("quarter"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    39. 

  39.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value5"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"picker"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("year"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    40. 

  40.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-space")]),n("span",{class:"token punctuation"},">")]),a(`
    41. 

  41. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    42. 

  42. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
    43. 

  43. `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent"),n("span",{class:"token punctuation"},","),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
    44. 

  44. `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
    45. 

  45.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    46. 

  46.     `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
    47. 

  47.       `),n("span",{class:"token literal-property property"},"value1"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    48. 

  48.       `),n("span",{class:"token literal-property property"},"value2"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    49. 

  49.       `),n("span",{class:"token literal-property property"},"value3"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    50. 

  50.       `),n("span",{class:"token literal-property property"},"value4"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    51. 

  51.       `),n("span",{class:"token literal-property property"},"value5"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    52. 

  52.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    53. 

  53.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    54. 

  54. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    55. 

  55. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
    56. 

  56. `)])],-1)])),_:1})}const N=b(H,[["render",T]]),x=f({setup(){const s=t=>{const i={};return t.date()===1&&(i.border="1px solid #1890ff",i.borderRadius="50%"),i};return{value1:k(),value2:k(),value3:k(),getCurrentStyle:s}}});function z(s,t,i,h,g,m){const c=p("a-date-picker"),u=p("a-range-picker"),d=p("a-space"),r=p("demo-box");return C(),y(r,{jsfiddle:{us:"We can customize the rendering of date cells in the calendar by providing a `dateRender` function to `DatePicker`.",cn:"\u4F7F\u7528 `dateRender` \u53EF\u4EE5\u81EA\u5B9A\u4E49\u65E5\u671F\u5355\u5143\u683C\u7684\u5185\u5BB9\u548C\u6837\u5F0F\u3002",docHtml:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
    57. 

  57.           <span aria-hidden="true" class="anchor">#</span>
    58. 

  58.         </a></h2>
    59. 

  59. <p>\u4F7F\u7528 <code>dateRender</code> \u53EF\u4EE5\u81EA\u5B9A\u4E49\u65E5\u671F\u5355\u5143\u683C\u7684\u5185\u5BB9\u548C\u6837\u5F0F\u3002</p>
    60. 

  60. <h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
    61. 

  61.           <span aria-hidden="true" class="anchor">#</span>
    62. 

  62.         </a></h2>
    63. 

  63. <p>We can customize the rendering of date cells in the calendar by providing a <code>dateRender</code> function to <code>DatePicker</code>.</p>
    64. 

  64. `,order:9,title:{"zh-CN":"\u5B9A\u5236\u65E5\u671F\u5355\u5143\u683C","en-US":"Customized Date Rendering"},relativePath:"components/date-picker/demo/date-render.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXNwYWNlIGRpcmVjdGlvbj0idmVydGljYWwiIDpzaXplPSIxMiI+CiAgICA8YS1kYXRlLXBpY2tlciB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTEiPgogICAgICA8dGVtcGxhdGUgI2RhdGVSZW5kZXI9InsgY3VycmVudCB9Ij4KICAgICAgICA8ZGl2IGNsYXNzPSJhbnQtcGlja2VyLWNlbGwtaW5uZXIiIDpzdHlsZT0iZ2V0Q3VycmVudFN0eWxlKGN1cnJlbnQpIj4KICAgICAgICAgIHt7IGN1cnJlbnQuZGF0ZSgpIH19CiAgICAgICAgPC9kaXY+CiAgICAgIDwvdGVtcGxhdGU+CiAgICA8L2EtZGF0ZS1waWNrZXI+CiAgICA8YS1yYW5nZS1waWNrZXIgdi1tb2RlbDp2YWx1ZT0idmFsdWUyIj4KICAgICAgPHRlbXBsYXRlICNkYXRlUmVuZGVyPSJ7IGN1cnJlbnQgfSI+CiAgICAgICAgPGRpdiBjbGFzcz0iYW50LXBpY2tlci1jZWxsLWlubmVyIiA6c3R5bGU9ImdldEN1cnJlbnRTdHlsZShjdXJyZW50KSI+CiAgICAgICAgICB7eyBjdXJyZW50LmRhdGUoKSB9fQogICAgICAgIDwvZGl2PgogICAgICA8L3RlbXBsYXRlPgogICAgPC9hLXJhbmdlLXBpY2tlcj4KICA8L2Etc3BhY2U+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgdHlwZSB7IERheWpzIH0gZnJvbSAnZGF5anMnOwppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmltcG9ydCB0eXBlIHsgQ1NTUHJvcGVydGllcyB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCBnZXRDdXJyZW50U3R5bGUgPSAoY3VycmVudDogRGF5anMpID0+IHsKICAgICAgY29uc3Qgc3R5bGU6IENTU1Byb3BlcnRpZXMgPSB7fTsKCiAgICAgIGlmIChjdXJyZW50LmRhdGUoKSA9PT0gMSkgewogICAgICAgIHN0eWxlLmJvcmRlciA9ICcxcHggc29saWQgIzE4OTBmZic7CiAgICAgICAgc3R5bGUuYm9yZGVyUmFkaXVzID0gJzUwJSc7CiAgICAgIH0KCiAgICAgIHJldHVybiBzdHlsZTsKICAgIH07CiAgICByZXR1cm4gewogICAgICB2YWx1ZTE6IHJlZjxEYXlqcz4oKSwKICAgICAgdmFsdWUyOiByZWY8W0RheWpzLCBEYXlqc10+KCksCiAgICAgIHZhbHVlMzogcmVmPERheWpzPigpLAogICAgICBnZXRDdXJyZW50U3R5bGUsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4KCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXNwYWNlIGRpcmVjdGlvbj0idmVydGljYWwiIDpzaXplPSIxMiI+CiAgICA8YS1kYXRlLXBpY2tlciB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTEiPgogICAgICA8dGVtcGxhdGUgI2RhdGVSZW5kZXI9InsgY3VycmVudCB9Ij4KICAgICAgICA8ZGl2IGNsYXNzPSJhbnQtcGlja2VyLWNlbGwtaW5uZXIiIDpzdHlsZT0iZ2V0Q3VycmVudFN0eWxlKGN1cnJlbnQpIj4KICAgICAgICAgIHt7IGN1cnJlbnQuZGF0ZSgpIH19CiAgICAgICAgPC9kaXY+CiAgICAgIDwvdGVtcGxhdGU+CiAgICA8L2EtZGF0ZS1waWNrZXI+CiAgICA8YS1yYW5nZS1waWNrZXIgdi1tb2RlbDp2YWx1ZT0idmFsdWUyIj4KICAgICAgPHRlbXBsYXRlICNkYXRlUmVuZGVyPSJ7IGN1cnJlbnQgfSI+CiAgICAgICAgPGRpdiBjbGFzcz0iYW50LXBpY2tlci1jZWxsLWlubmVyIiA6c3R5bGU9ImdldEN1cnJlbnRTdHlsZShjdXJyZW50KSI+CiAgICAgICAgICB7eyBjdXJyZW50LmRhdGUoKSB9fQogICAgICAgIDwvZGl2PgogICAgICA8L3RlbXBsYXRlPgogICAgPC9hLXJhbmdlLXBpY2tlcj4KICA8L2Etc3BhY2U+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IGdldEN1cnJlbnRTdHlsZSA9IGN1cnJlbnQgPT4gewogICAgICBjb25zdCBzdHlsZSA9IHt9OwogICAgICBpZiAoY3VycmVudC5kYXRlKCkgPT09IDEpIHsKICAgICAgICBzdHlsZS5ib3JkZXIgPSAnMXB4IHNvbGlkICMxODkwZmYnOwogICAgICAgIHN0eWxlLmJvcmRlclJhZGl1cyA9ICc1MCUnOwogICAgICB9CiAgICAgIHJldHVybiBzdHlsZTsKICAgIH07CiAgICByZXR1cm4gewogICAgICB2YWx1ZTE6IHJlZigpLAogICAgICB2YWx1ZTI6IHJlZigpLAogICAgICB2YWx1ZTM6IHJlZigpLAogICAgICBnZXRDdXJyZW50U3R5bGUsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4="}},{default:o(()=>[e(d,{direction:"vertical",size:12},{default:o(()=>[e(c,{value:s.value1,"onUpdate:value":t[0]||(t[0]=l=>s.value1=l)},{dateRender:o(({current:l})=>[n("div",{class:"ant-picker-cell-inner",style:w(s.getCurrentStyle(l))},Z(l.date()),5)]),_:1},8,["value"]),e(u,{value:s.value2,"onUpdate:value":t[1]||(t[1]=l=>s.value2=l)},{dateRender:o(({current:l})=>[n("div",{class:"ant-picker-cell-inner",style:w(s.getCurrentStyle(l))},Z(l.date()),5)]),_:1},8,["value"])]),_:1})]),htmlCode:o(()=>t[2]||(t[2]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    65. 

  65.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-space")]),a(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("vertical"),n("span",{class:"token punctuation"},'"')]),a(),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"},'"'),a("12"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    66. 

  66.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    67. 

  67.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#dateRender"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ current }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    68. 

  68.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ant-picker-cell-inner"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("getCurrentStyle(current)"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    69. 

  69.           {{ current.date() }}
    70. 

  70.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
    71. 

  71.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    72. 

  72.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-date-picker")]),n("span",{class:"token punctuation"},">")]),a(`
    73. 

  73.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-range-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    74. 

  74.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#dateRender"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ current }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    75. 

  75.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ant-picker-cell-inner"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("getCurrentStyle(current)"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    76. 

  76.           {{ current.date() }}
    77. 

  77.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
    78. 

  78.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    79. 

  79.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-range-picker")]),n("span",{class:"token punctuation"},">")]),a(`
    80. 

  80.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-space")]),n("span",{class:"token punctuation"},">")]),a(`
    81. 

  81. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    82. 

  82. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),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"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
    83. 

  83. `),n("span",{class:"token keyword"},"import"),a(" type "),n("span",{class:"token punctuation"},"{"),a(" Dayjs "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'dayjs'"),n("span",{class:"token punctuation"},";"),a(`
    84. 

  84. `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent"),n("span",{class:"token punctuation"},","),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
    85. 

  85. `),n("span",{class:"token keyword"},"import"),a(" type "),n("span",{class:"token punctuation"},"{"),a(" CSSProperties "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
    86. 

  86. `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
    87. 

  87.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    88. 

  88.     `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"getCurrentStyle"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"current"),n("span",{class:"token operator"},":"),a(" Dayjs")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
    89. 

  89.       `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token literal-property property"},"style"),n("span",{class:"token operator"},":"),a(" CSSProperties "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"{"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    90. 

  90. 

  91.       `),n("span",{class:"token keyword"},"if"),a(),n("span",{class:"token punctuation"},"("),a("current"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"date"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"==="),a(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    92. 

  92.         style`),n("span",{class:"token punctuation"},"."),a("border "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token string"},"'1px solid #1890ff'"),n("span",{class:"token punctuation"},";"),a(`
    93. 

  93.         style`),n("span",{class:"token punctuation"},"."),a("borderRadius "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token string"},"'50%'"),n("span",{class:"token punctuation"},";"),a(`
    94. 

  94.       `),n("span",{class:"token punctuation"},"}"),a(`
    95. 

  95. 

  96.       `),n("span",{class:"token keyword"},"return"),a(" style"),n("span",{class:"token punctuation"},";"),a(`
    97. 

  97.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    98. 

  98.     `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
    99. 

  99.       `),n("span",{class:"token literal-property property"},"value1"),n("span",{class:"token operator"},":"),a(" ref"),n("span",{class:"token operator"},"<"),a("Dayjs"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    100. 

  100.       `),n("span",{class:"token literal-property property"},"value2"),n("span",{class:"token operator"},":"),a(" ref"),n("span",{class:"token operator"},"<"),n("span",{class:"token punctuation"},"["),a("Dayjs"),n("span",{class:"token punctuation"},","),a(" Dayjs"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    101. 

  101.       `),n("span",{class:"token literal-property property"},"value3"),n("span",{class:"token operator"},":"),a(" ref"),n("span",{class:"token operator"},"<"),a("Dayjs"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    102. 

  102.       getCurrentStyle`),n("span",{class:"token punctuation"},","),a(`
    103. 

  103.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    104. 

  104.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    105. 

  105. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    106. 

  106. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
    107. 

  107. `)])],-1)])),jsVersionHtml:o(()=>t[3]||(t[3]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    108. 

  108.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-space")]),a(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("vertical"),n("span",{class:"token punctuation"},'"')]),a(),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"},'"'),a("12"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    109. 

  109.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    110. 

  110.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#dateRender"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ current }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    111. 

  111.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ant-picker-cell-inner"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("getCurrentStyle(current)"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    112. 

  112.           {{ current.date() }}
    113. 

  113.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
    114. 

  114.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    115. 

  115.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-date-picker")]),n("span",{class:"token punctuation"},">")]),a(`
    116. 

  116.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-range-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    117. 

  117.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#dateRender"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ current }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    118. 

  118.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ant-picker-cell-inner"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("getCurrentStyle(current)"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    119. 

  119.           {{ current.date() }}
    120. 

  120.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
    121. 

  121.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    122. 

  122.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-range-picker")]),n("span",{class:"token punctuation"},">")]),a(`
    123. 

  123.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-space")]),n("span",{class:"token punctuation"},">")]),a(`
    124. 

  124. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    125. 

  125. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
    126. 

  126. `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent"),n("span",{class:"token punctuation"},","),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
    127. 

  127. `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
    128. 

  128.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    129. 

  129.     `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"getCurrentStyle"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token parameter"},"current"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
    130. 

  130.       `),n("span",{class:"token keyword"},"const"),a(" style "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"{"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    131. 

  131.       `),n("span",{class:"token keyword"},"if"),a(),n("span",{class:"token punctuation"},"("),a("current"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"date"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"==="),a(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    132. 

  132.         style`),n("span",{class:"token punctuation"},"."),a("border "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token string"},"'1px solid #1890ff'"),n("span",{class:"token punctuation"},";"),a(`
    133. 

  133.         style`),n("span",{class:"token punctuation"},"."),a("borderRadius "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token string"},"'50%'"),n("span",{class:"token punctuation"},";"),a(`
    134. 

  134.       `),n("span",{class:"token punctuation"},"}"),a(`
    135. 

  135.       `),n("span",{class:"token keyword"},"return"),a(" style"),n("span",{class:"token punctuation"},";"),a(`
    136. 

  136.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    137. 

  137.     `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
    138. 

  138.       `),n("span",{class:"token literal-property property"},"value1"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    139. 

  139.       `),n("span",{class:"token literal-property property"},"value2"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    140. 

  140.       `),n("span",{class:"token literal-property property"},"value3"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    141. 

  141.       getCurrentStyle`),n("span",{class:"token punctuation"},","),a(`
    142. 

  142.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    143. 

  143.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    144. 

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

  145. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
    146. 

  146. `)])],-1)])),_:1})}const q=b(x,[["render",z]]),U=f({setup(){const s=(g,m)=>{const c=[];for(let u=g;u<m;u++)c.push(u);return c},t=g=>g&&g<I().endOf("day"),i=()=>({disabledHours:()=>s(0,24).splice(4,20),disabledMinutes:()=>s(30,60),disabledSeconds:()=>[55,56]}),h=(g,m)=>m==="start"?{disabledHours:()=>s(0,60).splice(4,20),disabledMinutes:()=>s(30,60),disabledSeconds:()=>[55,56]}:{disabledHours:()=>s(0,60).splice(20,4),disabledMinutes:()=>s(0,31),disabledSeconds:()=>[55,56]};return{dayjs:I,value1:k(),value2:k(),value3:k(),value4:k(),disabledDate:t,disabledDateTime:i,disabledRangeTime:h}}});function J(s,t,i,h,g,m){const c=p("a-date-picker"),u=p("a-range-picker"),d=p("a-space"),r=p("demo-box");return C(),y(r,{jsfiddle:{us:"Disabled part of dates and time by `disabledDate` and `disabledTime` respectively, and `disabledTime` only works with `showTime`.",cn:"\u53EF\u7528 `disabledDate` \u548C `disabledTime` \u5206\u522B\u7981\u6B62\u9009\u62E9\u90E8\u5206\u65E5\u671F\u548C\u65F6\u95F4\uFF0C\u5176\u4E2D `disabledTime` \u9700\u8981\u548C `showTime` \u4E00\u8D77\u4F7F\u7528\u3002",docHtml:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
    147. 

  147.           <span aria-hidden="true" class="anchor">#</span>
    148. 

  148.         </a></h2>
    149. 

  149. <p>\u53EF\u7528 <code>disabledDate</code> \u548C <code>disabledTime</code> \u5206\u522B\u7981\u6B62\u9009\u62E9\u90E8\u5206\u65E5\u671F\u548C\u65F6\u95F4\uFF0C\u5176\u4E2D <code>disabledTime</code> \u9700\u8981\u548C <code>showTime</code> \u4E00\u8D77\u4F7F\u7528\u3002</p>
    150. 

  150. <h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
    151. 

  151.           <span aria-hidden="true" class="anchor">#</span>
    152. 

  152.         </a></h2>
    153. 

  153. <p>Disabled part of dates and time by <code>disabledDate</code> and <code>disabledTime</code> respectively, and <code>disabledTime</code> only works with <code>showTime</code>.</p>
    154. 

  154. `,order:4,title:{"zh-CN":"\u4E0D\u53EF\u9009\u62E9\u65E5\u671F\u548C\u65F6\u95F4","en-US":"Disabled Date & Time"},relativePath:"components/date-picker/demo/disabled-date.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXNwYWNlIGRpcmVjdGlvbj0idmVydGljYWwiPgogICAgPGEtZGF0ZS1waWNrZXIKICAgICAgdi1tb2RlbDp2YWx1ZT0idmFsdWUxIgogICAgICBmb3JtYXQ9IllZWVktTU0tREQgSEg6bW06c3MiCiAgICAgIDpkaXNhYmxlZC1kYXRlPSJkaXNhYmxlZERhdGUiCiAgICAgIDpkaXNhYmxlZC10aW1lPSJkaXNhYmxlZERhdGVUaW1lIgogICAgICA6c2hvdy10aW1lPSJ7IGRlZmF1bHRWYWx1ZTogZGF5anMoJzAwOjAwOjAwJywgJ0hIOm1tOnNzJykgfSIKICAgIC8+CiAgICA8YS1kYXRlLXBpY2tlciB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTIiIDpkaXNhYmxlZC1kYXRlPSJkaXNhYmxlZERhdGUiIHBpY2tlcj0ibW9udGgiIC8+CiAgICA8YS1yYW5nZS1waWNrZXIgdi1tb2RlbDp2YWx1ZT0idmFsdWUzIiA6ZGlzYWJsZWQtZGF0ZT0iZGlzYWJsZWREYXRlIiAvPgogICAgPGEtcmFuZ2UtcGlja2VyCiAgICAgIHYtbW9kZWw6dmFsdWU9InZhbHVlNCIKICAgICAgc3R5bGU9IndpZHRoOiA0MDBweCIKICAgICAgOmRpc2FibGVkLWRhdGU9ImRpc2FibGVkRGF0ZSIKICAgICAgOmRpc2FibGVkLXRpbWU9ImRpc2FibGVkUmFuZ2VUaW1lIgogICAgICA6c2hvdy10aW1lPSJ7CiAgICAgICAgaGlkZURpc2FibGVkT3B0aW9uczogdHJ1ZSwKICAgICAgICBkZWZhdWx0VmFsdWU6IFtkYXlqcygnMDA6MDA6MDAnLCAnSEg6bW06c3MnKSwgZGF5anMoJzExOjU5OjU5JywgJ0hIOm1tOnNzJyldLAogICAgICB9IgogICAgICBmb3JtYXQ9IllZWVktTU0tREQgSEg6bW06c3MiCiAgICAvPgogIDwvYS1zcGFjZT4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyI+CmltcG9ydCBkYXlqcywgeyBEYXlqcyB9IGZyb20gJ2RheWpzJzsKaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3QgcmFuZ2UgPSAoc3RhcnQ6IG51bWJlciwgZW5kOiBudW1iZXIpID0+IHsKICAgICAgY29uc3QgcmVzdWx0ID0gW107CgogICAgICBmb3IgKGxldCBpID0gc3RhcnQ7IGkgPCBlbmQ7IGkrKykgewogICAgICAgIHJlc3VsdC5wdXNoKGkpOwogICAgICB9CgogICAgICByZXR1cm4gcmVzdWx0OwogICAgfTsKCiAgICBjb25zdCBkaXNhYmxlZERhdGUgPSAoY3VycmVudDogRGF5anMpID0+IHsKICAgICAgLy8gQ2FuIG5vdCBzZWxlY3QgZGF5cyBiZWZvcmUgdG9kYXkgYW5kIHRvZGF5CiAgICAgIHJldHVybiBjdXJyZW50ICYmIGN1cnJlbnQgPCBkYXlqcygpLmVuZE9mKCdkYXknKTsKICAgIH07CgogICAgY29uc3QgZGlzYWJsZWREYXRlVGltZSA9ICgpID0+IHsKICAgICAgcmV0dXJuIHsKICAgICAgICBkaXNhYmxlZEhvdXJzOiAoKSA9PiByYW5nZSgwLCAyNCkuc3BsaWNlKDQsIDIwKSwKICAgICAgICBkaXNhYmxlZE1pbnV0ZXM6ICgpID0+IHJhbmdlKDMwLCA2MCksCiAgICAgICAgZGlzYWJsZWRTZWNvbmRzOiAoKSA9PiBbNTUsIDU2XSwKICAgICAgfTsKICAgIH07CgogICAgY29uc3QgZGlzYWJsZWRSYW5nZVRpbWUgPSAoXzogRGF5anMsIHR5cGU6ICdzdGFydCcgfCAnZW5kJykgPT4gewogICAgICBpZiAodHlwZSA9PT0gJ3N0YXJ0JykgewogICAgICAgIHJldHVybiB7CiAgICAgICAgICBkaXNhYmxlZEhvdXJzOiAoKSA9PiByYW5nZSgwLCA2MCkuc3BsaWNlKDQsIDIwKSwKICAgICAgICAgIGRpc2FibGVkTWludXRlczogKCkgPT4gcmFuZ2UoMzAsIDYwKSwKICAgICAgICAgIGRpc2FibGVkU2Vjb25kczogKCkgPT4gWzU1LCA1Nl0sCiAgICAgICAgfTsKICAgICAgfQogICAgICByZXR1cm4gewogICAgICAgIGRpc2FibGVkSG91cnM6ICgpID0+IHJhbmdlKDAsIDYwKS5zcGxpY2UoMjAsIDQpLAogICAgICAgIGRpc2FibGVkTWludXRlczogKCkgPT4gcmFuZ2UoMCwgMzEpLAogICAgICAgIGRpc2FibGVkU2Vjb25kczogKCkgPT4gWzU1LCA1Nl0sCiAgICAgIH07CiAgICB9OwoKICAgIHJldHVybiB7CiAgICAgIGRheWpzLAogICAgICB2YWx1ZTE6IHJlZjxEYXlqcz4oKSwKICAgICAgdmFsdWUyOiByZWY8RGF5anM+KCksCiAgICAgIHZhbHVlMzogcmVmPFtEYXlqcywgRGF5anNdPigpLAogICAgICB2YWx1ZTQ6IHJlZjxbRGF5anMsIERheWpzXT4oKSwKICAgICAgZGlzYWJsZWREYXRlLAogICAgICBkaXNhYmxlZERhdGVUaW1lLAogICAgICBkaXNhYmxlZFJhbmdlVGltZSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXNwYWNlIGRpcmVjdGlvbj0idmVydGljYWwiPgogICAgPGEtZGF0ZS1waWNrZXIKICAgICAgdi1tb2RlbDp2YWx1ZT0idmFsdWUxIgogICAgICBmb3JtYXQ9IllZWVktTU0tREQgSEg6bW06c3MiCiAgICAgIDpkaXNhYmxlZC1kYXRlPSJkaXNhYmxlZERhdGUiCiAgICAgIDpkaXNhYmxlZC10aW1lPSJkaXNhYmxlZERhdGVUaW1lIgogICAgICA6c2hvdy10aW1lPSJ7IGRlZmF1bHRWYWx1ZTogZGF5anMoJzAwOjAwOjAwJywgJ0hIOm1tOnNzJykgfSIKICAgIC8+CiAgICA8YS1kYXRlLXBpY2tlciB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTIiIDpkaXNhYmxlZC1kYXRlPSJkaXNhYmxlZERhdGUiIHBpY2tlcj0ibW9udGgiIC8+CiAgICA8YS1yYW5nZS1waWNrZXIgdi1tb2RlbDp2YWx1ZT0idmFsdWUzIiA6ZGlzYWJsZWQtZGF0ZT0iZGlzYWJsZWREYXRlIiAvPgogICAgPGEtcmFuZ2UtcGlja2VyCiAgICAgIHYtbW9kZWw6dmFsdWU9InZhbHVlNCIKICAgICAgc3R5bGU9IndpZHRoOiA0MDBweCIKICAgICAgOmRpc2FibGVkLWRhdGU9ImRpc2FibGVkRGF0ZSIKICAgICAgOmRpc2FibGVkLXRpbWU9ImRpc2FibGVkUmFuZ2VUaW1lIgogICAgICA6c2hvdy10aW1lPSJ7CiAgICAgICAgaGlkZURpc2FibGVkT3B0aW9uczogdHJ1ZSwKICAgICAgICBkZWZhdWx0VmFsdWU6IFtkYXlqcygnMDA6MDA6MDAnLCAnSEg6bW06c3MnKSwgZGF5anMoJzExOjU5OjU5JywgJ0hIOm1tOnNzJyldLAogICAgICB9IgogICAgICBmb3JtYXQ9IllZWVktTU0tREQgSEg6bW06c3MiCiAgICAvPgogIDwvYS1zcGFjZT4KPC90ZW1wbGF0ZT4KPHNjcmlwdD4KaW1wb3J0IGRheWpzIGZyb20gJ2RheWpzJzsKaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3QgcmFuZ2UgPSAoc3RhcnQsIGVuZCkgPT4gewogICAgICBjb25zdCByZXN1bHQgPSBbXTsKICAgICAgZm9yIChsZXQgaSA9IHN0YXJ0OyBpIDwgZW5kOyBpKyspIHsKICAgICAgICByZXN1bHQucHVzaChpKTsKICAgICAgfQogICAgICByZXR1cm4gcmVzdWx0OwogICAgfTsKICAgIGNvbnN0IGRpc2FibGVkRGF0ZSA9IGN1cnJlbnQgPT4gewogICAgICAvLyBDYW4gbm90IHNlbGVjdCBkYXlzIGJlZm9yZSB0b2RheSBhbmQgdG9kYXkKICAgICAgcmV0dXJuIGN1cnJlbnQgJiYgY3VycmVudCA8IGRheWpzKCkuZW5kT2YoJ2RheScpOwogICAgfTsKICAgIGNvbnN0IGRpc2FibGVkRGF0ZVRpbWUgPSAoKSA9PiB7CiAgICAgIHJldHVybiB7CiAgICAgICAgZGlzYWJsZWRIb3VyczogKCkgPT4gcmFuZ2UoMCwgMjQpLnNwbGljZSg0LCAyMCksCiAgICAgICAgZGlzYWJsZWRNaW51dGVzOiAoKSA9PiByYW5nZSgzMCwgNjApLAogICAgICAgIGRpc2FibGVkU2Vjb25kczogKCkgPT4gWzU1LCA1Nl0sCiAgICAgIH07CiAgICB9OwogICAgY29uc3QgZGlzYWJsZWRSYW5nZVRpbWUgPSAoXywgdHlwZSkgPT4gewogICAgICBpZiAodHlwZSA9PT0gJ3N0YXJ0JykgewogICAgICAgIHJldHVybiB7CiAgICAgICAgICBkaXNhYmxlZEhvdXJzOiAoKSA9PiByYW5nZSgwLCA2MCkuc3BsaWNlKDQsIDIwKSwKICAgICAgICAgIGRpc2FibGVkTWludXRlczogKCkgPT4gcmFuZ2UoMzAsIDYwKSwKICAgICAgICAgIGRpc2FibGVkU2Vjb25kczogKCkgPT4gWzU1LCA1Nl0sCiAgICAgICAgfTsKICAgICAgfQogICAgICByZXR1cm4gewogICAgICAgIGRpc2FibGVkSG91cnM6ICgpID0+IHJhbmdlKDAsIDYwKS5zcGxpY2UoMjAsIDQpLAogICAgICAgIGRpc2FibGVkTWludXRlczogKCkgPT4gcmFuZ2UoMCwgMzEpLAogICAgICAgIGRpc2FibGVkU2Vjb25kczogKCkgPT4gWzU1LCA1Nl0sCiAgICAgIH07CiAgICB9OwogICAgcmV0dXJuIHsKICAgICAgZGF5anMsCiAgICAgIHZhbHVlMTogcmVmKCksCiAgICAgIHZhbHVlMjogcmVmKCksCiAgICAgIHZhbHVlMzogcmVmKCksCiAgICAgIHZhbHVlNDogcmVmKCksCiAgICAgIGRpc2FibGVkRGF0ZSwKICAgICAgZGlzYWJsZWREYXRlVGltZSwKICAgICAgZGlzYWJsZWRSYW5nZVRpbWUsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4="}},{default:o(()=>[e(d,{direction:"vertical"},{default:o(()=>[e(c,{value:s.value1,"onUpdate:value":t[0]||(t[0]=l=>s.value1=l),format:"YYYY-MM-DD HH:mm:ss","disabled-date":s.disabledDate,"disabled-time":s.disabledDateTime,"show-time":{defaultValue:s.dayjs("00:00:00","HH:mm:ss")}},null,8,["value","disabled-date","disabled-time","show-time"]),e(c,{value:s.value2,"onUpdate:value":t[1]||(t[1]=l=>s.value2=l),"disabled-date":s.disabledDate,picker:"month"},null,8,["value","disabled-date"]),e(u,{value:s.value3,"onUpdate:value":t[2]||(t[2]=l=>s.value3=l),"disabled-date":s.disabledDate},null,8,["value","disabled-date"]),e(u,{value:s.value4,"onUpdate:value":t[3]||(t[3]=l=>s.value4=l),style:{width:"400px"},"disabled-date":s.disabledDate,"disabled-time":s.disabledRangeTime,"show-time":{hideDisabledOptions:!0,defaultValue:[s.dayjs("00:00:00","HH:mm:ss"),s.dayjs("11:59:59","HH:mm:ss")]},format:"YYYY-MM-DD HH:mm:ss"},null,8,["value","disabled-date","disabled-time","show-time"])]),_:1})]),htmlCode:o(()=>t[4]||(t[4]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    155. 

  155.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-space")]),a(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("vertical"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    156. 

  156.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(`
    157. 

  157.       `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value1"),n("span",{class:"token punctuation"},'"')]),a(`
    158. 

  158.       `),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"},'"'),a("YYYY-MM-DD HH:mm:ss"),n("span",{class:"token punctuation"},'"')]),a(`
    159. 

  159.       `),n("span",{class:"token attr-name"},":disabled-date"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("disabledDate"),n("span",{class:"token punctuation"},'"')]),a(`
    160. 

  160.       `),n("span",{class:"token attr-name"},":disabled-time"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("disabledDateTime"),n("span",{class:"token punctuation"},'"')]),a(`
    161. 

  161.       `),n("span",{class:"token attr-name"},":show-time"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ defaultValue: dayjs('00:00:00', 'HH:mm:ss') }"),n("span",{class:"token punctuation"},'"')]),a(`
    162. 

  162.     `),n("span",{class:"token punctuation"},"/>")]),a(`
    163. 

  163.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value2"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":disabled-date"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("disabledDate"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"picker"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("month"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    164. 

  164.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-range-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value3"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":disabled-date"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("disabledDate"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    165. 

  165.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-range-picker")]),a(`
    166. 

  166.       `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value4"),n("span",{class:"token punctuation"},'"')]),a(`
    167. 

  167.       `),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),a(" 400px")]),n("span",{class:"token punctuation"},'"')])]),a(`
    168. 

  168.       `),n("span",{class:"token attr-name"},":disabled-date"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("disabledDate"),n("span",{class:"token punctuation"},'"')]),a(`
    169. 

  169.       `),n("span",{class:"token attr-name"},":disabled-time"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("disabledRangeTime"),n("span",{class:"token punctuation"},'"')]),a(`
    170. 

  170.       `),n("span",{class:"token attr-name"},":show-time"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a(`{
    171. 

  171.         hideDisabledOptions: true,
    172. 

  172.         defaultValue: [dayjs('00:00:00', 'HH:mm:ss'), dayjs('11:59:59', 'HH:mm:ss')],
    173. 

  173.       }`),n("span",{class:"token punctuation"},'"')]),a(`
    174. 

  174.       `),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"},'"'),a("YYYY-MM-DD HH:mm:ss"),n("span",{class:"token punctuation"},'"')]),a(`
    175. 

  175.     `),n("span",{class:"token punctuation"},"/>")]),a(`
    176. 

  176.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-space")]),n("span",{class:"token punctuation"},">")]),a(`
    177. 

  177. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    178. 

  178. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),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"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
    179. 

  179. `),n("span",{class:"token keyword"},"import"),a(" dayjs"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token punctuation"},"{"),a(" Dayjs "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'dayjs'"),n("span",{class:"token punctuation"},";"),a(`
    180. 

  180. `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent"),n("span",{class:"token punctuation"},","),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
    181. 

  181. `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
    182. 

  182.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    183. 

  183.     `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"range"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"start"),n("span",{class:"token operator"},":"),a(" number"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"end"),n("span",{class:"token operator"},":"),a(" number")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
    184. 

  184.       `),n("span",{class:"token keyword"},"const"),a(" result "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
    185. 

  185. 

  186.       `),n("span",{class:"token keyword"},"for"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"let"),a(" i "),n("span",{class:"token operator"},"="),a(" start"),n("span",{class:"token punctuation"},";"),a(" i "),n("span",{class:"token operator"},"<"),a(" end"),n("span",{class:"token punctuation"},";"),a(" i"),n("span",{class:"token operator"},"++"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    187. 

  187.         result`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),a("i"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    188. 

  188.       `),n("span",{class:"token punctuation"},"}"),a(`
    189. 

  189. 

  190.       `),n("span",{class:"token keyword"},"return"),a(" result"),n("span",{class:"token punctuation"},";"),a(`
    191. 

  191.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    192. 

  192. 

  193.     `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"disabledDate"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"current"),n("span",{class:"token operator"},":"),a(" Dayjs")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
    194. 

  194.       `),n("span",{class:"token comment"},"// Can not select days before today and today"),a(`
    195. 

  195.       `),n("span",{class:"token keyword"},"return"),a(" current "),n("span",{class:"token operator"},"&&"),a(" current "),n("span",{class:"token operator"},"<"),a(),n("span",{class:"token function"},"dayjs"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"endOf"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'day'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    196. 

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

  197. 

  198.     `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"disabledDateTime"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
    199. 

  199.       `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
    200. 

  200.         `),n("span",{class:"token function-variable function"},"disabledHours"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token function"},"range"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token number"},"24"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"splice"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"4"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token number"},"20"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    201. 

  201.         `),n("span",{class:"token function-variable function"},"disabledMinutes"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token function"},"range"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"30"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token number"},"60"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    202. 

  202.         `),n("span",{class:"token function-variable function"},"disabledSeconds"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token number"},"55"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token number"},"56"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
    203. 

  203.       `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    204. 

  204.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    205. 

  205. 

  206.     `),n("span",{class:"token keyword"},"const"),a(" disabledRangeTime "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),a("_"),n("span",{class:"token operator"},":"),a(" Dayjs"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"type"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'start'"),a(),n("span",{class:"token operator"},"|"),a(),n("span",{class:"token string"},"'end'"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
    207. 

  207.       `),n("span",{class:"token keyword"},"if"),a(),n("span",{class:"token punctuation"},"("),a("type "),n("span",{class:"token operator"},"==="),a(),n("span",{class:"token string"},"'start'"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    208. 

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

  209.           `),n("span",{class:"token function-variable function"},"disabledHours"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token function"},"range"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token number"},"60"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"splice"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"4"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token number"},"20"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    210. 

  210.           `),n("span",{class:"token function-variable function"},"disabledMinutes"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token function"},"range"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"30"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token number"},"60"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    211. 

  211.           `),n("span",{class:"token function-variable function"},"disabledSeconds"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token number"},"55"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token number"},"56"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
    212. 

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

  213.       `),n("span",{class:"token punctuation"},"}"),a(`
    214. 

  214.       `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
    215. 

  215.         `),n("span",{class:"token function-variable function"},"disabledHours"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token function"},"range"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token number"},"60"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"splice"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"20"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token number"},"4"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    216. 

  216.         `),n("span",{class:"token function-variable function"},"disabledMinutes"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token function"},"range"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token number"},"31"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    217. 

  217.         `),n("span",{class:"token function-variable function"},"disabledSeconds"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token number"},"55"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token number"},"56"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
    218. 

  218.       `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    219. 

  219.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    220. 

  220. 

  221.     `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
    222. 

  222.       dayjs`),n("span",{class:"token punctuation"},","),a(`
    223. 

  223.       `),n("span",{class:"token literal-property property"},"value1"),n("span",{class:"token operator"},":"),a(" ref"),n("span",{class:"token operator"},"<"),a("Dayjs"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    224. 

  224.       `),n("span",{class:"token literal-property property"},"value2"),n("span",{class:"token operator"},":"),a(" ref"),n("span",{class:"token operator"},"<"),a("Dayjs"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    225. 

  225.       `),n("span",{class:"token literal-property property"},"value3"),n("span",{class:"token operator"},":"),a(" ref"),n("span",{class:"token operator"},"<"),n("span",{class:"token punctuation"},"["),a("Dayjs"),n("span",{class:"token punctuation"},","),a(" Dayjs"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    226. 

  226.       `),n("span",{class:"token literal-property property"},"value4"),n("span",{class:"token operator"},":"),a(" ref"),n("span",{class:"token operator"},"<"),n("span",{class:"token punctuation"},"["),a("Dayjs"),n("span",{class:"token punctuation"},","),a(" Dayjs"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    227. 

  227.       disabledDate`),n("span",{class:"token punctuation"},","),a(`
    228. 

  228.       disabledDateTime`),n("span",{class:"token punctuation"},","),a(`
    229. 

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

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

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

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

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

  234. `)])],-1)])),jsVersionHtml:o(()=>t[5]||(t[5]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    235. 

  235.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-space")]),a(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("vertical"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    236. 

  236.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(`
    237. 

  237.       `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value1"),n("span",{class:"token punctuation"},'"')]),a(`
    238. 

  238.       `),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"},'"'),a("YYYY-MM-DD HH:mm:ss"),n("span",{class:"token punctuation"},'"')]),a(`
    239. 

  239.       `),n("span",{class:"token attr-name"},":disabled-date"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("disabledDate"),n("span",{class:"token punctuation"},'"')]),a(`
    240. 

  240.       `),n("span",{class:"token attr-name"},":disabled-time"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("disabledDateTime"),n("span",{class:"token punctuation"},'"')]),a(`
    241. 

  241.       `),n("span",{class:"token attr-name"},":show-time"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ defaultValue: dayjs('00:00:00', 'HH:mm:ss') }"),n("span",{class:"token punctuation"},'"')]),a(`
    242. 

  242.     `),n("span",{class:"token punctuation"},"/>")]),a(`
    243. 

  243.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value2"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":disabled-date"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("disabledDate"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"picker"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("month"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    244. 

  244.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-range-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value3"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":disabled-date"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("disabledDate"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    245. 

  245.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-range-picker")]),a(`
    246. 

  246.       `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value4"),n("span",{class:"token punctuation"},'"')]),a(`
    247. 

  247.       `),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),a(" 400px")]),n("span",{class:"token punctuation"},'"')])]),a(`
    248. 

  248.       `),n("span",{class:"token attr-name"},":disabled-date"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("disabledDate"),n("span",{class:"token punctuation"},'"')]),a(`
    249. 

  249.       `),n("span",{class:"token attr-name"},":disabled-time"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("disabledRangeTime"),n("span",{class:"token punctuation"},'"')]),a(`
    250. 

  250.       `),n("span",{class:"token attr-name"},":show-time"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a(`{
    251. 

  251.         hideDisabledOptions: true,
    252. 

  252.         defaultValue: [dayjs('00:00:00', 'HH:mm:ss'), dayjs('11:59:59', 'HH:mm:ss')],
    253. 

  253.       }`),n("span",{class:"token punctuation"},'"')]),a(`
    254. 

  254.       `),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"},'"'),a("YYYY-MM-DD HH:mm:ss"),n("span",{class:"token punctuation"},'"')]),a(`
    255. 

  255.     `),n("span",{class:"token punctuation"},"/>")]),a(`
    256. 

  256.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-space")]),n("span",{class:"token punctuation"},">")]),a(`
    257. 

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

  258. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
    259. 

  259. `),n("span",{class:"token keyword"},"import"),a(" dayjs "),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'dayjs'"),n("span",{class:"token punctuation"},";"),a(`
    260. 

  260. `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent"),n("span",{class:"token punctuation"},","),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
    261. 

  261. `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
    262. 

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

  263.     `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"range"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("start"),n("span",{class:"token punctuation"},","),a(" end")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
    264. 

  264.       `),n("span",{class:"token keyword"},"const"),a(" result "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
    265. 

  265.       `),n("span",{class:"token keyword"},"for"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"let"),a(" i "),n("span",{class:"token operator"},"="),a(" start"),n("span",{class:"token punctuation"},";"),a(" i "),n("span",{class:"token operator"},"<"),a(" end"),n("span",{class:"token punctuation"},";"),a(" i"),n("span",{class:"token operator"},"++"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    266. 

  266.         result`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),a("i"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    267. 

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

  268.       `),n("span",{class:"token keyword"},"return"),a(" result"),n("span",{class:"token punctuation"},";"),a(`
    269. 

  269.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    270. 

  270.     `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"disabledDate"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token parameter"},"current"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
    271. 

  271.       `),n("span",{class:"token comment"},"// Can not select days before today and today"),a(`
    272. 

  272.       `),n("span",{class:"token keyword"},"return"),a(" current "),n("span",{class:"token operator"},"&&"),a(" current "),n("span",{class:"token operator"},"<"),a(),n("span",{class:"token function"},"dayjs"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"endOf"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'day'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    273. 

  273.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    274. 

  274.     `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"disabledDateTime"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
    275. 

  275.       `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
    276. 

  276.         `),n("span",{class:"token function-variable function"},"disabledHours"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token function"},"range"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token number"},"24"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"splice"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"4"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token number"},"20"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    277. 

  277.         `),n("span",{class:"token function-variable function"},"disabledMinutes"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token function"},"range"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"30"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token number"},"60"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    278. 

  278.         `),n("span",{class:"token function-variable function"},"disabledSeconds"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token number"},"55"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token number"},"56"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
    279. 

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

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

  281.     `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"disabledRangeTime"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("_"),n("span",{class:"token punctuation"},","),a(" type")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
    282. 

  282.       `),n("span",{class:"token keyword"},"if"),a(),n("span",{class:"token punctuation"},"("),a("type "),n("span",{class:"token operator"},"==="),a(),n("span",{class:"token string"},"'start'"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    283. 

  283.         `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
    284. 

  284.           `),n("span",{class:"token function-variable function"},"disabledHours"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token function"},"range"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token number"},"60"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"splice"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"4"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token number"},"20"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    285. 

  285.           `),n("span",{class:"token function-variable function"},"disabledMinutes"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token function"},"range"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"30"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token number"},"60"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    286. 

  286.           `),n("span",{class:"token function-variable function"},"disabledSeconds"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token number"},"55"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token number"},"56"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
    287. 

  287.         `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    288. 

  288.       `),n("span",{class:"token punctuation"},"}"),a(`
    289. 

  289.       `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
    290. 

  290.         `),n("span",{class:"token function-variable function"},"disabledHours"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token function"},"range"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token number"},"60"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"splice"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"20"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token number"},"4"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    291. 

  291.         `),n("span",{class:"token function-variable function"},"disabledMinutes"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token function"},"range"),n("span",{class:"token punctuation"},"("),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token number"},"31"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    292. 

  292.         `),n("span",{class:"token function-variable function"},"disabledSeconds"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token number"},"55"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token number"},"56"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
    293. 

  293.       `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    294. 

  294.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    295. 

  295.     `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
    296. 

  296.       dayjs`),n("span",{class:"token punctuation"},","),a(`
    297. 

  297.       `),n("span",{class:"token literal-property property"},"value1"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    298. 

  298.       `),n("span",{class:"token literal-property property"},"value2"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    299. 

  299.       `),n("span",{class:"token literal-property property"},"value3"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    300. 

  300.       `),n("span",{class:"token literal-property property"},"value4"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    301. 

  301.       disabledDate`),n("span",{class:"token punctuation"},","),a(`
    302. 

  302.       disabledDateTime`),n("span",{class:"token punctuation"},","),a(`
    303. 

  303.       disabledRangeTime`),n("span",{class:"token punctuation"},","),a(`
    304. 

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

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

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

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

  308. `)])],-1)])),_:1})}const K=b(U,[["render",J]]),E=f({setup(){const s="YYYY-MM-DD";return{value1:k(I("2015-06-06",s)),value2:k(I("2015-06","YYYY-MM")),value3:k([I("2015-06-06",s),I("2015-06-06",s)]),value4:k([I("2019-09-03",s),I("2019-11-22",s)])}}});function L(s,t,i,h,g,m){const c=p("a-date-picker"),u=p("a-range-picker"),d=p("a-space"),r=p("demo-box");return C(),y(r,{jsfiddle:{us:"A disabled state of the `DatePicker`.",cn:"\u9009\u62E9\u6846\u7684\u4E0D\u53EF\u7528\u72B6\u6001\u3002",docHtml:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
    309. 

  309.           <span aria-hidden="true" class="anchor">#</span>
    310. 

  310.         </a></h2>
    311. 

  311. <p>\u9009\u62E9\u6846\u7684\u4E0D\u53EF\u7528\u72B6\u6001\u3002</p>
    312. 

  312. <h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
    313. 

  313.           <span aria-hidden="true" class="anchor">#</span>
    314. 

  314.         </a></h2>
    315. 

  315. <p>A disabled state of the <code>DatePicker</code>.</p>
    316. 

  316. `,order:3,title:{"zh-CN":"\u7981\u7528","en-US":"Disabled"},relativePath:"components/date-picker/demo/disabled.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXNwYWNlIGRpcmVjdGlvbj0idmVydGljYWwiPgogICAgPGEtZGF0ZS1waWNrZXIgdi1tb2RlbDp2YWx1ZT0idmFsdWUxIiAvPgogICAgPGEtZGF0ZS1waWNrZXIgdi1tb2RlbDp2YWx1ZT0idmFsdWUyIiBkaXNhYmxlZCBwaWNrZXI9Im1vbnRoIiAvPgogICAgPGEtcmFuZ2UtcGlja2VyIHYtbW9kZWw6dmFsdWU9InZhbHVlMyIgZGlzYWJsZWQgLz4KICAgIDxhLXJhbmdlLXBpY2tlciB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTQiIDpkaXNhYmxlZD0iW2ZhbHNlLCB0cnVlXSIgLz4KICA8L2Etc3BhY2U+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgZGF5anMsIHsgRGF5anMgfSBmcm9tICdkYXlqcyc7CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IGRhdGVGb3JtYXQgPSAnWVlZWS1NTS1ERCc7CiAgICByZXR1cm4gewogICAgICB2YWx1ZTE6IHJlZjxEYXlqcz4oZGF5anMoJzIwMTUtMDYtMDYnLCBkYXRlRm9ybWF0KSksCiAgICAgIHZhbHVlMjogcmVmPERheWpzPihkYXlqcygnMjAxNS0wNicsICdZWVlZLU1NJykpLAogICAgICB2YWx1ZTM6IHJlZjxbRGF5anMsIERheWpzXT4oWwogICAgICAgIGRheWpzKCcyMDE1LTA2LTA2JywgZGF0ZUZvcm1hdCksCiAgICAgICAgZGF5anMoJzIwMTUtMDYtMDYnLCBkYXRlRm9ybWF0KSwKICAgICAgXSksCiAgICAgIHZhbHVlNDogcmVmPFtEYXlqcywgRGF5anNdPihbCiAgICAgICAgZGF5anMoJzIwMTktMDktMDMnLCBkYXRlRm9ybWF0KSwKICAgICAgICBkYXlqcygnMjAxOS0xMS0yMicsIGRhdGVGb3JtYXQpLAogICAgICBdKSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXNwYWNlIGRpcmVjdGlvbj0idmVydGljYWwiPgogICAgPGEtZGF0ZS1waWNrZXIgdi1tb2RlbDp2YWx1ZT0idmFsdWUxIiAvPgogICAgPGEtZGF0ZS1waWNrZXIgdi1tb2RlbDp2YWx1ZT0idmFsdWUyIiBkaXNhYmxlZCBwaWNrZXI9Im1vbnRoIiAvPgogICAgPGEtcmFuZ2UtcGlja2VyIHYtbW9kZWw6dmFsdWU9InZhbHVlMyIgZGlzYWJsZWQgLz4KICAgIDxhLXJhbmdlLXBpY2tlciB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTQiIDpkaXNhYmxlZD0iW2ZhbHNlLCB0cnVlXSIgLz4KICA8L2Etc3BhY2U+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCBkYXlqcyBmcm9tICdkYXlqcyc7CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IGRhdGVGb3JtYXQgPSAnWVlZWS1NTS1ERCc7CiAgICByZXR1cm4gewogICAgICB2YWx1ZTE6IHJlZihkYXlqcygnMjAxNS0wNi0wNicsIGRhdGVGb3JtYXQpKSwKICAgICAgdmFsdWUyOiByZWYoZGF5anMoJzIwMTUtMDYnLCAnWVlZWS1NTScpKSwKICAgICAgdmFsdWUzOiByZWYoW2RheWpzKCcyMDE1LTA2LTA2JywgZGF0ZUZvcm1hdCksIGRheWpzKCcyMDE1LTA2LTA2JywgZGF0ZUZvcm1hdCldKSwKICAgICAgdmFsdWU0OiByZWYoW2RheWpzKCcyMDE5LTA5LTAzJywgZGF0ZUZvcm1hdCksIGRheWpzKCcyMDE5LTExLTIyJywgZGF0ZUZvcm1hdCldKSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pg=="}},{default:o(()=>[e(d,{direction:"vertical"},{default:o(()=>[e(c,{value:s.value1,"onUpdate:value":t[0]||(t[0]=l=>s.value1=l)},null,8,["value"]),e(c,{value:s.value2,"onUpdate:value":t[1]||(t[1]=l=>s.value2=l),disabled:"",picker:"month"},null,8,["value"]),e(u,{value:s.value3,"onUpdate:value":t[2]||(t[2]=l=>s.value3=l),disabled:""},null,8,["value"]),e(u,{value:s.value4,"onUpdate:value":t[3]||(t[3]=l=>s.value4=l),disabled:[!1,!0]},null,8,["value"])]),_:1})]),htmlCode:o(()=>t[4]||(t[4]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    317. 

  317.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-space")]),a(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("vertical"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    318. 

  318.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value1"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    319. 

  319.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value2"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"disabled"),a(),n("span",{class:"token attr-name"},"picker"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("month"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    320. 

  320.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-range-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value3"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"disabled"),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    321. 

  321.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-range-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value4"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":disabled"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("[false, true]"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    322. 

  322.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-space")]),n("span",{class:"token punctuation"},">")]),a(`
    323. 

  323. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    324. 

  324. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),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"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
    325. 

  325. `),n("span",{class:"token keyword"},"import"),a(" dayjs"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token punctuation"},"{"),a(" Dayjs "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'dayjs'"),n("span",{class:"token punctuation"},";"),a(`
    326. 

  326. `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent"),n("span",{class:"token punctuation"},","),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
    327. 

  327. `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
    328. 

  328.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    329. 

  329.     `),n("span",{class:"token keyword"},"const"),a(" dateFormat "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token string"},"'YYYY-MM-DD'"),n("span",{class:"token punctuation"},";"),a(`
    330. 

  330.     `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
    331. 

  331.       `),n("span",{class:"token literal-property property"},"value1"),n("span",{class:"token operator"},":"),a(" ref"),n("span",{class:"token operator"},"<"),a("Dayjs"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token function"},"dayjs"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'2015-06-06'"),n("span",{class:"token punctuation"},","),a(" dateFormat"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    332. 

  332.       `),n("span",{class:"token literal-property property"},"value2"),n("span",{class:"token operator"},":"),a(" ref"),n("span",{class:"token operator"},"<"),a("Dayjs"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token function"},"dayjs"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'2015-06'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token string"},"'YYYY-MM'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    333. 

  333.       `),n("span",{class:"token literal-property property"},"value3"),n("span",{class:"token operator"},":"),a(" ref"),n("span",{class:"token operator"},"<"),n("span",{class:"token punctuation"},"["),a("Dayjs"),n("span",{class:"token punctuation"},","),a(" Dayjs"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),a(`
    334. 

  334.         `),n("span",{class:"token function"},"dayjs"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'2015-06-06'"),n("span",{class:"token punctuation"},","),a(" dateFormat"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    335. 

  335.         `),n("span",{class:"token function"},"dayjs"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'2015-06-06'"),n("span",{class:"token punctuation"},","),a(" dateFormat"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    336. 

  336.       `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    337. 

  337.       `),n("span",{class:"token literal-property property"},"value4"),n("span",{class:"token operator"},":"),a(" ref"),n("span",{class:"token operator"},"<"),n("span",{class:"token punctuation"},"["),a("Dayjs"),n("span",{class:"token punctuation"},","),a(" Dayjs"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),a(`
    338. 

  338.         `),n("span",{class:"token function"},"dayjs"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'2019-09-03'"),n("span",{class:"token punctuation"},","),a(" dateFormat"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    339. 

  339.         `),n("span",{class:"token function"},"dayjs"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'2019-11-22'"),n("span",{class:"token punctuation"},","),a(" dateFormat"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    340. 

  340.       `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    341. 

  341.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    342. 

  342.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    343. 

  343. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    344. 

  344. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
    345. 

  345. `)])],-1)])),jsVersionHtml:o(()=>t[5]||(t[5]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    346. 

  346.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-space")]),a(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("vertical"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    347. 

  347.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value1"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    348. 

  348.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value2"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"disabled"),a(),n("span",{class:"token attr-name"},"picker"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("month"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    349. 

  349.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-range-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value3"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"disabled"),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    350. 

  350.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-range-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value4"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":disabled"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("[false, true]"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    351. 

  351.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-space")]),n("span",{class:"token punctuation"},">")]),a(`
    352. 

  352. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    353. 

  353. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
    354. 

  354. `),n("span",{class:"token keyword"},"import"),a(" dayjs "),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'dayjs'"),n("span",{class:"token punctuation"},";"),a(`
    355. 

  355. `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent"),n("span",{class:"token punctuation"},","),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
    356. 

  356. `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
    357. 

  357.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    358. 

  358.     `),n("span",{class:"token keyword"},"const"),a(" dateFormat "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token string"},"'YYYY-MM-DD'"),n("span",{class:"token punctuation"},";"),a(`
    359. 

  359.     `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
    360. 

  360.       `),n("span",{class:"token literal-property property"},"value1"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token function"},"dayjs"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'2015-06-06'"),n("span",{class:"token punctuation"},","),a(" dateFormat"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    361. 

  361.       `),n("span",{class:"token literal-property property"},"value2"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token function"},"dayjs"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'2015-06'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token string"},"'YYYY-MM'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    362. 

  362.       `),n("span",{class:"token literal-property property"},"value3"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token function"},"dayjs"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'2015-06-06'"),n("span",{class:"token punctuation"},","),a(" dateFormat"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token function"},"dayjs"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'2015-06-06'"),n("span",{class:"token punctuation"},","),a(" dateFormat"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    363. 

  363.       `),n("span",{class:"token literal-property property"},"value4"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token function"},"dayjs"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'2019-09-03'"),n("span",{class:"token punctuation"},","),a(" dateFormat"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token function"},"dayjs"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'2019-11-22'"),n("span",{class:"token punctuation"},","),a(" dateFormat"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    364. 

  364.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    365. 

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

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

  367. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
    368. 

  368. `)])],-1)])),_:1})}const M=b(E,[["render",L]]),Q={};function O(s,t){const i=p("a-date-picker"),h=p("a-range-picker"),g=p("a-space"),m=p("demo-box");return C(),y(m,{jsfiddle:{us:"Render extra footer in panel for customized requirements.",cn:"\u5728\u6D6E\u5C42\u4E2D\u52A0\u5165\u989D\u5916\u7684\u9875\u811A\uFF0C\u4EE5\u6EE1\u8DB3\u67D0\u4E9B\u5B9A\u5236\u4FE1\u606F\u7684\u9700\u6C42\u3002",docHtml:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
    369. 

  369.           <span aria-hidden="true" class="anchor">#</span>
    370. 

  370.         </a></h2>
    371. 

  371. <p>\u5728\u6D6E\u5C42\u4E2D\u52A0\u5165\u989D\u5916\u7684\u9875\u811A\uFF0C\u4EE5\u6EE1\u8DB3\u67D0\u4E9B\u5B9A\u5236\u4FE1\u606F\u7684\u9700\u6C42\u3002</p>
    372. 

  372. <h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
    373. 

  373.           <span aria-hidden="true" class="anchor">#</span>
    374. 

  374.         </a></h2>
    375. 

  375. <p>Render extra footer in panel for customized requirements.</p>
    376. 

  376. `,order:7,title:{"zh-CN":"\u989D\u5916\u7684\u9875\u811A","en-US":"Extra Footer"},relativePath:"components/date-picker/demo/extra-footer.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXNwYWNlIGRpcmVjdGlvbj0idmVydGljYWwiPgogICAgPGEtZGF0ZS1waWNrZXI+CiAgICAgIDx0ZW1wbGF0ZSAjcmVuZGVyRXh0cmFGb290ZXI+ZXh0cmEgZm9vdGVyPC90ZW1wbGF0ZT4KICAgIDwvYS1kYXRlLXBpY2tlcj4KICAgIDxhLWRhdGUtcGlja2VyIHNob3ctdGltZT4KICAgICAgPHRlbXBsYXRlICNyZW5kZXJFeHRyYUZvb3Rlcj5leHRyYSBmb290ZXI8L3RlbXBsYXRlPgogICAgPC9hLWRhdGUtcGlja2VyPgogICAgPGEtcmFuZ2UtcGlja2VyPgogICAgICA8dGVtcGxhdGUgI3JlbmRlckV4dHJhRm9vdGVyPmV4dHJhIGZvb3RlcjwvdGVtcGxhdGU+CiAgICA8L2EtcmFuZ2UtcGlja2VyPgogICAgPGEtcmFuZ2UtcGlja2VyIHNob3ctdGltZT4KICAgICAgPHRlbXBsYXRlICNyZW5kZXJFeHRyYUZvb3Rlcj5leHRyYSBmb290ZXI8L3RlbXBsYXRlPgogICAgPC9hLXJhbmdlLXBpY2tlcj4KICAgIDxhLWRhdGUtcGlja2VyIHBsYWNlaG9sZGVyPSJTZWxlY3QgbW9udGgiIHBpY2tlcj0ibW9udGgiPgogICAgICA8dGVtcGxhdGUgI3JlbmRlckV4dHJhRm9vdGVyPmV4dHJhIGZvb3RlcjwvdGVtcGxhdGU+CiAgICA8L2EtZGF0ZS1waWNrZXI+CiAgPC9hLXNwYWNlPgo8L3RlbXBsYXRlPgoKCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXNwYWNlIGRpcmVjdGlvbj0idmVydGljYWwiPgogICAgPGEtZGF0ZS1waWNrZXI+CiAgICAgIDx0ZW1wbGF0ZSAjcmVuZGVyRXh0cmFGb290ZXI+ZXh0cmEgZm9vdGVyPC90ZW1wbGF0ZT4KICAgIDwvYS1kYXRlLXBpY2tlcj4KICAgIDxhLWRhdGUtcGlja2VyIHNob3ctdGltZT4KICAgICAgPHRlbXBsYXRlICNyZW5kZXJFeHRyYUZvb3Rlcj5leHRyYSBmb290ZXI8L3RlbXBsYXRlPgogICAgPC9hLWRhdGUtcGlja2VyPgogICAgPGEtcmFuZ2UtcGlja2VyPgogICAgICA8dGVtcGxhdGUgI3JlbmRlckV4dHJhRm9vdGVyPmV4dHJhIGZvb3RlcjwvdGVtcGxhdGU+CiAgICA8L2EtcmFuZ2UtcGlja2VyPgogICAgPGEtcmFuZ2UtcGlja2VyIHNob3ctdGltZT4KICAgICAgPHRlbXBsYXRlICNyZW5kZXJFeHRyYUZvb3Rlcj5leHRyYSBmb290ZXI8L3RlbXBsYXRlPgogICAgPC9hLXJhbmdlLXBpY2tlcj4KICAgIDxhLWRhdGUtcGlja2VyIHBsYWNlaG9sZGVyPSJTZWxlY3QgbW9udGgiIHBpY2tlcj0ibW9udGgiPgogICAgICA8dGVtcGxhdGUgI3JlbmRlckV4dHJhRm9vdGVyPmV4dHJhIGZvb3RlcjwvdGVtcGxhdGU+CiAgICA8L2EtZGF0ZS1waWNrZXI+CiAgPC9hLXNwYWNlPgo8L3RlbXBsYXRlPg=="}},{default:o(()=>[e(g,{direction:"vertical"},{default:o(()=>[e(i,null,{renderExtraFooter:o(()=>t[0]||(t[0]=[a("extra footer")])),_:1}),e(i,{"show-time":""},{renderExtraFooter:o(()=>t[1]||(t[1]=[a("extra footer")])),_:1}),e(h,null,{renderExtraFooter:o(()=>t[2]||(t[2]=[a("extra footer")])),_:1}),e(h,{"show-time":""},{renderExtraFooter:o(()=>t[3]||(t[3]=[a("extra footer")])),_:1}),e(i,{placeholder:"Select month",picker:"month"},{renderExtraFooter:o(()=>t[4]||(t[4]=[a("extra footer")])),_:1})]),_:1})]),htmlCode:o(()=>t[5]||(t[5]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    377. 

  377.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-space")]),a(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("vertical"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    378. 

  378.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),n("span",{class:"token punctuation"},">")]),a(`
    379. 

  379.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#renderExtraFooter"),n("span",{class:"token punctuation"},">")]),a("extra footer"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    380. 

  380.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-date-picker")]),n("span",{class:"token punctuation"},">")]),a(`
    381. 

  381.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),n("span",{class:"token attr-name"},"show-time"),n("span",{class:"token punctuation"},">")]),a(`
    382. 

  382.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#renderExtraFooter"),n("span",{class:"token punctuation"},">")]),a("extra footer"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    383. 

  383.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-date-picker")]),n("span",{class:"token punctuation"},">")]),a(`
    384. 

  384.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-range-picker")]),n("span",{class:"token punctuation"},">")]),a(`
    385. 

  385.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#renderExtraFooter"),n("span",{class:"token punctuation"},">")]),a("extra footer"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    386. 

  386.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-range-picker")]),n("span",{class:"token punctuation"},">")]),a(`
    387. 

  387.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-range-picker")]),a(),n("span",{class:"token attr-name"},"show-time"),n("span",{class:"token punctuation"},">")]),a(`
    388. 

  388.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#renderExtraFooter"),n("span",{class:"token punctuation"},">")]),a("extra footer"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    389. 

  389.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-range-picker")]),n("span",{class:"token punctuation"},">")]),a(`
    390. 

  390.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Select month"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"picker"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("month"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    391. 

  391.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#renderExtraFooter"),n("span",{class:"token punctuation"},">")]),a("extra footer"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    392. 

  392.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-date-picker")]),n("span",{class:"token punctuation"},">")]),a(`
    393. 

  393.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-space")]),n("span",{class:"token punctuation"},">")]),a(`
    394. 

  394. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    395. 

  395. `)])],-1)])),jsVersionHtml:o(()=>t[6]||(t[6]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    396. 

  396.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-space")]),a(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("vertical"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    397. 

  397.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),n("span",{class:"token punctuation"},">")]),a(`
    398. 

  398.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#renderExtraFooter"),n("span",{class:"token punctuation"},">")]),a("extra footer"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    399. 

  399.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-date-picker")]),n("span",{class:"token punctuation"},">")]),a(`
    400. 

  400.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),n("span",{class:"token attr-name"},"show-time"),n("span",{class:"token punctuation"},">")]),a(`
    401. 

  401.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#renderExtraFooter"),n("span",{class:"token punctuation"},">")]),a("extra footer"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    402. 

  402.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-date-picker")]),n("span",{class:"token punctuation"},">")]),a(`
    403. 

  403.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-range-picker")]),n("span",{class:"token punctuation"},">")]),a(`
    404. 

  404.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#renderExtraFooter"),n("span",{class:"token punctuation"},">")]),a("extra footer"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    405. 

  405.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-range-picker")]),n("span",{class:"token punctuation"},">")]),a(`
    406. 

  406.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-range-picker")]),a(),n("span",{class:"token attr-name"},"show-time"),n("span",{class:"token punctuation"},">")]),a(`
    407. 

  407.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#renderExtraFooter"),n("span",{class:"token punctuation"},">")]),a("extra footer"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    408. 

  408.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-range-picker")]),n("span",{class:"token punctuation"},">")]),a(`
    409. 

  409.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Select month"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"picker"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("month"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    410. 

  410.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#renderExtraFooter"),n("span",{class:"token punctuation"},">")]),a("extra footer"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    411. 

  411.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-date-picker")]),n("span",{class:"token punctuation"},">")]),a(`
    412. 

  412.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-space")]),n("span",{class:"token punctuation"},">")]),a(`
    413. 

  413. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    414. 

  414. `)])],-1)])),_:1})}const _=b(Q,[["render",O]]),$=f({setup(){const s="YYYY/MM/DD",t="MM/DD",i="YYYY/MM",h=["DD/MM/YYYY","DD/MM/YY"],g=m=>`${I(m).startOf("week").format(t)} ~ ${I(m).endOf("week").format(t)}`;return{value1:k(I("2015/01/01",s)),value2:k(I("01/01/2015",h[0])),value3:k(I("2015/01",i)),value4:k([I("2015/01/01",s),I("2015/01/01",s)]),value5:k(I("2015/01/01",s)),value6:k(I()),dateFormat:s,monthFormat:i,dateFormatList:h,customWeekStartEndFormat:g,customFormat:m=>`custom format: ${m.format(s)}`}}});function nn(s,t,i,h,g,m){const c=p("a-date-picker"),u=p("a-range-picker"),d=p("a-space"),r=p("demo-box");return C(),y(r,{jsfiddle:{us:"We can set the date format by `format`.",cn:"\u4F7F\u7528 `format` \u5C5E\u6027\uFF0C\u53EF\u4EE5\u81EA\u5B9A\u4E49\u65E5\u671F\u663E\u793A\u683C\u5F0F\u3002",docHtml:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
    415. 

  415.           <span aria-hidden="true" class="anchor">#</span>
    416. 

  416.         </a></h2>
    417. 

  417. <p>\u4F7F\u7528 <code>format</code> \u5C5E\u6027\uFF0C\u53EF\u4EE5\u81EA\u5B9A\u4E49\u65E5\u671F\u663E\u793A\u683C\u5F0F\u3002</p>
    418. 

  418. <h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
    419. 

  419.           <span aria-hidden="true" class="anchor">#</span>
    420. 

  420.         </a></h2>
    421. 

  421. <p>We can set the date format by <code>format</code>.</p>
    422. 

  422. `,order:1,title:{"zh-CN":"\u65E5\u671F\u683C\u5F0F","en-US":"Date Format"},relativePath:"components/date-picker/demo/format.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXNwYWNlIGRpcmVjdGlvbj0idmVydGljYWwiIDpzaXplPSIxMiI+CiAgICA8YS1kYXRlLXBpY2tlciB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTEiIDpmb3JtYXQ9ImRhdGVGb3JtYXQiIC8+CiAgICA8YS1kYXRlLXBpY2tlciB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTIiIDpmb3JtYXQ9ImRhdGVGb3JtYXRMaXN0IiAvPgogICAgPGEtZGF0ZS1waWNrZXIgdi1tb2RlbDp2YWx1ZT0idmFsdWUzIiA6Zm9ybWF0PSJtb250aEZvcm1hdCIgcGlja2VyPSJtb250aCIgLz4KICAgIDxhLXJhbmdlLXBpY2tlciB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTQiIDpmb3JtYXQ9ImRhdGVGb3JtYXQiIC8+CiAgICA8YS1kYXRlLXBpY2tlciB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTUiIDpmb3JtYXQ9ImN1c3RvbUZvcm1hdCIgLz4KICAgIDxhLWRhdGUtcGlja2VyIHYtbW9kZWw6dmFsdWU9InZhbHVlNiIgOmZvcm1hdD0iY3VzdG9tV2Vla1N0YXJ0RW5kRm9ybWF0IiBwaWNrZXI9IndlZWsiIC8+CiAgPC9hLXNwYWNlPgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IGRheWpzLCB7IERheWpzIH0gZnJvbSAnZGF5anMnOwppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCBkYXRlRm9ybWF0ID0gJ1lZWVkvTU0vREQnOwogICAgY29uc3Qgd2Vla0Zvcm1hdCA9ICdNTS9ERCc7CiAgICBjb25zdCBtb250aEZvcm1hdCA9ICdZWVlZL01NJzsKICAgIGNvbnN0IGRhdGVGb3JtYXRMaXN0ID0gWydERC9NTS9ZWVlZJywgJ0REL01NL1lZJ107CgogICAgY29uc3QgY3VzdG9tV2Vla1N0YXJ0RW5kRm9ybWF0ID0gdmFsdWUgPT4KICAgICAgYCR7ZGF5anModmFsdWUpLnN0YXJ0T2YoJ3dlZWsnKS5mb3JtYXQod2Vla0Zvcm1hdCl9IH4gJHtkYXlqcyh2YWx1ZSkKICAgICAgICAuZW5kT2YoJ3dlZWsnKQogICAgICAgIC5mb3JtYXQod2Vla0Zvcm1hdCl9YDsKICAgIHJldHVybiB7CiAgICAgIHZhbHVlMTogcmVmPERheWpzPihkYXlqcygnMjAxNS8wMS8wMScsIGRhdGVGb3JtYXQpKSwKICAgICAgdmFsdWUyOiByZWY8RGF5anM+KGRheWpzKCcwMS8wMS8yMDE1JywgZGF0ZUZvcm1hdExpc3RbMF0pKSwKICAgICAgdmFsdWUzOiByZWY8RGF5anM+KGRheWpzKCcyMDE1LzAxJywgbW9udGhGb3JtYXQpKSwKICAgICAgdmFsdWU0OiByZWY8W0RheWpzLCBEYXlqc10+KFsKICAgICAgICBkYXlqcygnMjAxNS8wMS8wMScsIGRhdGVGb3JtYXQpLAogICAgICAgIGRheWpzKCcyMDE1LzAxLzAxJywgZGF0ZUZvcm1hdCksCiAgICAgIF0pLAogICAgICB2YWx1ZTU6IHJlZjxEYXlqcz4oZGF5anMoJzIwMTUvMDEvMDEnLCBkYXRlRm9ybWF0KSksCiAgICAgIHZhbHVlNjogcmVmPERheWpzPihkYXlqcygpKSwKICAgICAgZGF0ZUZvcm1hdCwKICAgICAgbW9udGhGb3JtYXQsCiAgICAgIGRhdGVGb3JtYXRMaXN0LAogICAgICBjdXN0b21XZWVrU3RhcnRFbmRGb3JtYXQsCiAgICAgIGN1c3RvbUZvcm1hdDogdmFsdWUgPT4gYGN1c3RvbSBmb3JtYXQ6ICR7dmFsdWUuZm9ybWF0KGRhdGVGb3JtYXQpfWAsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4KCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXNwYWNlIGRpcmVjdGlvbj0idmVydGljYWwiIDpzaXplPSIxMiI+CiAgICA8YS1kYXRlLXBpY2tlciB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTEiIDpmb3JtYXQ9ImRhdGVGb3JtYXQiIC8+CiAgICA8YS1kYXRlLXBpY2tlciB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTIiIDpmb3JtYXQ9ImRhdGVGb3JtYXRMaXN0IiAvPgogICAgPGEtZGF0ZS1waWNrZXIgdi1tb2RlbDp2YWx1ZT0idmFsdWUzIiA6Zm9ybWF0PSJtb250aEZvcm1hdCIgcGlja2VyPSJtb250aCIgLz4KICAgIDxhLXJhbmdlLXBpY2tlciB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTQiIDpmb3JtYXQ9ImRhdGVGb3JtYXQiIC8+CiAgICA8YS1kYXRlLXBpY2tlciB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTUiIDpmb3JtYXQ9ImN1c3RvbUZvcm1hdCIgLz4KICAgIDxhLWRhdGUtcGlja2VyIHYtbW9kZWw6dmFsdWU9InZhbHVlNiIgOmZvcm1hdD0iY3VzdG9tV2Vla1N0YXJ0RW5kRm9ybWF0IiBwaWNrZXI9IndlZWsiIC8+CiAgPC9hLXNwYWNlPgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgZGF5anMgZnJvbSAnZGF5anMnOwppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICBjb25zdCBkYXRlRm9ybWF0ID0gJ1lZWVkvTU0vREQnOwogICAgY29uc3Qgd2Vla0Zvcm1hdCA9ICdNTS9ERCc7CiAgICBjb25zdCBtb250aEZvcm1hdCA9ICdZWVlZL01NJzsKICAgIGNvbnN0IGRhdGVGb3JtYXRMaXN0ID0gWydERC9NTS9ZWVlZJywgJ0REL01NL1lZJ107CiAgICBjb25zdCBjdXN0b21XZWVrU3RhcnRFbmRGb3JtYXQgPSB2YWx1ZSA9PiBgJHtkYXlqcyh2YWx1ZSkuc3RhcnRPZignd2VlaycpLmZvcm1hdCh3ZWVrRm9ybWF0KX0gfiAke2RheWpzKHZhbHVlKS5lbmRPZignd2VlaycpLmZvcm1hdCh3ZWVrRm9ybWF0KX1gOwogICAgcmV0dXJuIHsKICAgICAgdmFsdWUxOiByZWYoZGF5anMoJzIwMTUvMDEvMDEnLCBkYXRlRm9ybWF0KSksCiAgICAgIHZhbHVlMjogcmVmKGRheWpzKCcwMS8wMS8yMDE1JywgZGF0ZUZvcm1hdExpc3RbMF0pKSwKICAgICAgdmFsdWUzOiByZWYoZGF5anMoJzIwMTUvMDEnLCBtb250aEZvcm1hdCkpLAogICAgICB2YWx1ZTQ6IHJlZihbZGF5anMoJzIwMTUvMDEvMDEnLCBkYXRlRm9ybWF0KSwgZGF5anMoJzIwMTUvMDEvMDEnLCBkYXRlRm9ybWF0KV0pLAogICAgICB2YWx1ZTU6IHJlZihkYXlqcygnMjAxNS8wMS8wMScsIGRhdGVGb3JtYXQpKSwKICAgICAgdmFsdWU2OiByZWYoZGF5anMoKSksCiAgICAgIGRhdGVGb3JtYXQsCiAgICAgIG1vbnRoRm9ybWF0LAogICAgICBkYXRlRm9ybWF0TGlzdCwKICAgICAgY3VzdG9tV2Vla1N0YXJ0RW5kRm9ybWF0LAogICAgICBjdXN0b21Gb3JtYXQ6IHZhbHVlID0+IGBjdXN0b20gZm9ybWF0OiAke3ZhbHVlLmZvcm1hdChkYXRlRm9ybWF0KX1gLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+"}},{default:o(()=>[e(d,{direction:"vertical",size:12},{default:o(()=>[e(c,{value:s.value1,"onUpdate:value":t[0]||(t[0]=l=>s.value1=l),format:s.dateFormat},null,8,["value","format"]),e(c,{value:s.value2,"onUpdate:value":t[1]||(t[1]=l=>s.value2=l),format:s.dateFormatList},null,8,["value","format"]),e(c,{value:s.value3,"onUpdate:value":t[2]||(t[2]=l=>s.value3=l),format:s.monthFormat,picker:"month"},null,8,["value","format"]),e(u,{value:s.value4,"onUpdate:value":t[3]||(t[3]=l=>s.value4=l),format:s.dateFormat},null,8,["value","format"]),e(c,{value:s.value5,"onUpdate:value":t[4]||(t[4]=l=>s.value5=l),format:s.customFormat},null,8,["value","format"]),e(c,{value:s.value6,"onUpdate:value":t[5]||(t[5]=l=>s.value6=l),format:s.customWeekStartEndFormat,picker:"week"},null,8,["value","format"])]),_:1})]),htmlCode:o(()=>t[6]||(t[6]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    423. 

  423.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-space")]),a(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("vertical"),n("span",{class:"token punctuation"},'"')]),a(),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"},'"'),a("12"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    424. 

  424.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value1"),n("span",{class:"token punctuation"},'"')]),a(),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"},'"'),a("dateFormat"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    425. 

  425.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value2"),n("span",{class:"token punctuation"},'"')]),a(),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"},'"'),a("dateFormatList"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    426. 

  426.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value3"),n("span",{class:"token punctuation"},'"')]),a(),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"},'"'),a("monthFormat"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"picker"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("month"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    427. 

  427.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-range-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value4"),n("span",{class:"token punctuation"},'"')]),a(),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"},'"'),a("dateFormat"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    428. 

  428.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value5"),n("span",{class:"token punctuation"},'"')]),a(),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"},'"'),a("customFormat"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    429. 

  429.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value6"),n("span",{class:"token punctuation"},'"')]),a(),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"},'"'),a("customWeekStartEndFormat"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"picker"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("week"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    430. 

  430.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-space")]),n("span",{class:"token punctuation"},">")]),a(`
    431. 

  431. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    432. 

  432. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),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"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
    433. 

  433. `),n("span",{class:"token keyword"},"import"),a(" dayjs"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token punctuation"},"{"),a(" Dayjs "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'dayjs'"),n("span",{class:"token punctuation"},";"),a(`
    434. 

  434. `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent"),n("span",{class:"token punctuation"},","),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
    435. 

  435. `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
    436. 

  436.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    437. 

  437.     `),n("span",{class:"token keyword"},"const"),a(" dateFormat "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token string"},"'YYYY/MM/DD'"),n("span",{class:"token punctuation"},";"),a(`
    438. 

  438.     `),n("span",{class:"token keyword"},"const"),a(" weekFormat "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token string"},"'MM/DD'"),n("span",{class:"token punctuation"},";"),a(`
    439. 

  439.     `),n("span",{class:"token keyword"},"const"),a(" monthFormat "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token string"},"'YYYY/MM'"),n("span",{class:"token punctuation"},";"),a(`
    440. 

  440.     `),n("span",{class:"token keyword"},"const"),a(" dateFormatList "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'DD/MM/YYYY'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token string"},"'DD/MM/YY'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
    441. 

  441. 

  442.     `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"customWeekStartEndFormat"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token parameter"},"value"),a(),n("span",{class:"token operator"},"=>"),a(`
    443. 

  443.       `),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),n("span",{class:"token function"},"dayjs"),n("span",{class:"token punctuation"},"("),a("value"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"startOf"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'week'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"format"),n("span",{class:"token punctuation"},"("),a("weekFormat"),n("span",{class:"token punctuation"},")"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token string"}," ~ "),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),n("span",{class:"token function"},"dayjs"),n("span",{class:"token punctuation"},"("),a("value"),n("span",{class:"token punctuation"},")"),a(`
    444. 

  444.         `),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"endOf"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'week'"),n("span",{class:"token punctuation"},")"),a(`
    445. 

  445.         `),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"format"),n("span",{class:"token punctuation"},"("),a("weekFormat"),n("span",{class:"token punctuation"},")"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},";"),a(`
    446. 

  446.     `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
    447. 

  447.       `),n("span",{class:"token literal-property property"},"value1"),n("span",{class:"token operator"},":"),a(" ref"),n("span",{class:"token operator"},"<"),a("Dayjs"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token function"},"dayjs"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'2015/01/01'"),n("span",{class:"token punctuation"},","),a(" dateFormat"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    448. 

  448.       `),n("span",{class:"token literal-property property"},"value2"),n("span",{class:"token operator"},":"),a(" ref"),n("span",{class:"token operator"},"<"),a("Dayjs"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token function"},"dayjs"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'01/01/2015'"),n("span",{class:"token punctuation"},","),a(" dateFormatList"),n("span",{class:"token punctuation"},"["),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    449. 

  449.       `),n("span",{class:"token literal-property property"},"value3"),n("span",{class:"token operator"},":"),a(" ref"),n("span",{class:"token operator"},"<"),a("Dayjs"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token function"},"dayjs"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'2015/01'"),n("span",{class:"token punctuation"},","),a(" monthFormat"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    450. 

  450.       `),n("span",{class:"token literal-property property"},"value4"),n("span",{class:"token operator"},":"),a(" ref"),n("span",{class:"token operator"},"<"),n("span",{class:"token punctuation"},"["),a("Dayjs"),n("span",{class:"token punctuation"},","),a(" Dayjs"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),a(`
    451. 

  451.         `),n("span",{class:"token function"},"dayjs"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'2015/01/01'"),n("span",{class:"token punctuation"},","),a(" dateFormat"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    452. 

  452.         `),n("span",{class:"token function"},"dayjs"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'2015/01/01'"),n("span",{class:"token punctuation"},","),a(" dateFormat"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    453. 

  453.       `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    454. 

  454.       `),n("span",{class:"token literal-property property"},"value5"),n("span",{class:"token operator"},":"),a(" ref"),n("span",{class:"token operator"},"<"),a("Dayjs"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token function"},"dayjs"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'2015/01/01'"),n("span",{class:"token punctuation"},","),a(" dateFormat"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    455. 

  455.       `),n("span",{class:"token literal-property property"},"value6"),n("span",{class:"token operator"},":"),a(" ref"),n("span",{class:"token operator"},"<"),a("Dayjs"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token function"},"dayjs"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    456. 

  456.       dateFormat`),n("span",{class:"token punctuation"},","),a(`
    457. 

  457.       monthFormat`),n("span",{class:"token punctuation"},","),a(`
    458. 

  458.       dateFormatList`),n("span",{class:"token punctuation"},","),a(`
    459. 

  459.       customWeekStartEndFormat`),n("span",{class:"token punctuation"},","),a(`
    460. 

  460.       `),n("span",{class:"token function-variable function"},"customFormat"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token parameter"},"value"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"custom format: "),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"format"),n("span",{class:"token punctuation"},"("),a("dateFormat"),n("span",{class:"token punctuation"},")"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),a(`
    461. 

  461.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    462. 

  462.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    463. 

  463. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    464. 

  464. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
    465. 

  465. `)])],-1)])),jsVersionHtml:o(()=>t[7]||(t[7]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    466. 

  466.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-space")]),a(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("vertical"),n("span",{class:"token punctuation"},'"')]),a(),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"},'"'),a("12"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    467. 

  467.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value1"),n("span",{class:"token punctuation"},'"')]),a(),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"},'"'),a("dateFormat"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    468. 

  468.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value2"),n("span",{class:"token punctuation"},'"')]),a(),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"},'"'),a("dateFormatList"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    469. 

  469.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value3"),n("span",{class:"token punctuation"},'"')]),a(),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"},'"'),a("monthFormat"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"picker"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("month"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    470. 

  470.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-range-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value4"),n("span",{class:"token punctuation"},'"')]),a(),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"},'"'),a("dateFormat"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    471. 

  471.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value5"),n("span",{class:"token punctuation"},'"')]),a(),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"},'"'),a("customFormat"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    472. 

  472.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value6"),n("span",{class:"token punctuation"},'"')]),a(),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"},'"'),a("customWeekStartEndFormat"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"picker"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("week"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    473. 

  473.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-space")]),n("span",{class:"token punctuation"},">")]),a(`
    474. 

  474. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    475. 

  475. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
    476. 

  476. `),n("span",{class:"token keyword"},"import"),a(" dayjs "),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'dayjs'"),n("span",{class:"token punctuation"},";"),a(`
    477. 

  477. `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent"),n("span",{class:"token punctuation"},","),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
    478. 

  478. `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
    479. 

  479.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    480. 

  480.     `),n("span",{class:"token keyword"},"const"),a(" dateFormat "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token string"},"'YYYY/MM/DD'"),n("span",{class:"token punctuation"},";"),a(`
    481. 

  481.     `),n("span",{class:"token keyword"},"const"),a(" weekFormat "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token string"},"'MM/DD'"),n("span",{class:"token punctuation"},";"),a(`
    482. 

  482.     `),n("span",{class:"token keyword"},"const"),a(" monthFormat "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token string"},"'YYYY/MM'"),n("span",{class:"token punctuation"},";"),a(`
    483. 

  483.     `),n("span",{class:"token keyword"},"const"),a(" dateFormatList "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'DD/MM/YYYY'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token string"},"'DD/MM/YY'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
    484. 

  484.     `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"customWeekStartEndFormat"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token parameter"},"value"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),n("span",{class:"token function"},"dayjs"),n("span",{class:"token punctuation"},"("),a("value"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"startOf"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'week'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"format"),n("span",{class:"token punctuation"},"("),a("weekFormat"),n("span",{class:"token punctuation"},")"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token string"}," ~ "),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),n("span",{class:"token function"},"dayjs"),n("span",{class:"token punctuation"},"("),a("value"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"endOf"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'week'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"format"),n("span",{class:"token punctuation"},"("),a("weekFormat"),n("span",{class:"token punctuation"},")"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},";"),a(`
    485. 

  485.     `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
    486. 

  486.       `),n("span",{class:"token literal-property property"},"value1"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token function"},"dayjs"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'2015/01/01'"),n("span",{class:"token punctuation"},","),a(" dateFormat"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    487. 

  487.       `),n("span",{class:"token literal-property property"},"value2"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token function"},"dayjs"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'01/01/2015'"),n("span",{class:"token punctuation"},","),a(" dateFormatList"),n("span",{class:"token punctuation"},"["),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    488. 

  488.       `),n("span",{class:"token literal-property property"},"value3"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token function"},"dayjs"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'2015/01'"),n("span",{class:"token punctuation"},","),a(" monthFormat"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    489. 

  489.       `),n("span",{class:"token literal-property property"},"value4"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token function"},"dayjs"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'2015/01/01'"),n("span",{class:"token punctuation"},","),a(" dateFormat"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token function"},"dayjs"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'2015/01/01'"),n("span",{class:"token punctuation"},","),a(" dateFormat"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    490. 

  490.       `),n("span",{class:"token literal-property property"},"value5"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token function"},"dayjs"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'2015/01/01'"),n("span",{class:"token punctuation"},","),a(" dateFormat"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    491. 

  491.       `),n("span",{class:"token literal-property property"},"value6"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token function"},"dayjs"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    492. 

  492.       dateFormat`),n("span",{class:"token punctuation"},","),a(`
    493. 

  493.       monthFormat`),n("span",{class:"token punctuation"},","),a(`
    494. 

  494.       dateFormatList`),n("span",{class:"token punctuation"},","),a(`
    495. 

  495.       customWeekStartEndFormat`),n("span",{class:"token punctuation"},","),a(`
    496. 

  496.       `),n("span",{class:"token function-variable function"},"customFormat"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token parameter"},"value"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},"custom format: "),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"format"),n("span",{class:"token punctuation"},"("),a("dateFormat"),n("span",{class:"token punctuation"},")"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),a(`
    497. 

  497.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    498. 

  498.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    499. 

  499. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    500. 

  500. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
    501. 

  501. `)])],-1)])),_:1})}const an=b($,[["render",nn]]),tn=f({setup(){const s=k("time"),t=k(["month","month"]),i=k();return{mode1:s,mode2:t,value:i,handleOpenChange1:u=>{u&&(s.value="time")},handleChange:u=>{i.value=u},handlePanelChange1:(u,d)=>{s.value=d},handlePanelChange2:(u,d)=>{i.value=u,t.value=[d[0]==="date"?"month":d[0],d[1]==="date"?"month":d[1]]}}}});function sn(s,t,i,h,g,m){const c=p("a-date-picker"),u=p("a-range-picker"),d=p("a-space"),r=p("demo-box");return C(),y(r,{jsfiddle:{us:"Determing which panel to show with `mode` and `onPanelChange`.",cn:"\u901A\u8FC7\u7EC4\u5408 `mode` \u4E0E `onPanelChange` \u63A7\u5236\u8981\u5C55\u793A\u7684\u9762\u677F\u3002",docHtml:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
    502. 

  502.           <span aria-hidden="true" class="anchor">#</span>
    503. 

  503.         </a></h2>
    504. 

  504. <p>\u901A\u8FC7\u7EC4\u5408 <code>mode</code> \u4E0E <code>onPanelChange</code> \u63A7\u5236\u8981\u5C55\u793A\u7684\u9762\u677F\u3002</p>
    505. 

  505. <h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
    506. 

  506.           <span aria-hidden="true" class="anchor">#</span>
    507. 

  507.         </a></h2>
    508. 

  508. <p>Determing which panel to show with <code>mode</code> and <code>onPanelChange</code>.</p>
    509. 

  509. `,order:10,title:{"zh-CN":"\u53D7\u63A7\u9762\u677F","en-US":"Controlled Panels"},relativePath:"components/date-picker/demo/mode.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXNwYWNlIGRpcmVjdGlvbj0idmVydGljYWwiIDpzaXplPSIxMiI+CiAgICA8YS1kYXRlLXBpY2tlcgogICAgICA6bW9kZT0ibW9kZTEiCiAgICAgIHNob3ctdGltZQogICAgICBAb3BlbkNoYW5nZT0iaGFuZGxlT3BlbkNoYW5nZTEiCiAgICAgIEBwYW5lbENoYW5nZT0iaGFuZGxlUGFuZWxDaGFuZ2UxIgogICAgLz4KICAgIDxhLXJhbmdlLXBpY2tlcgogICAgICA6cGxhY2Vob2xkZXI9IlsnU3RhcnQgbW9udGgnLCAnRW5kIG1vbnRoJ10iCiAgICAgIGZvcm1hdD0iWVlZWS1NTSIKICAgICAgOnZhbHVlPSJ2YWx1ZSIKICAgICAgOm1vZGU9Im1vZGUyIgogICAgICBAcGFuZWxDaGFuZ2U9ImhhbmRsZVBhbmVsQ2hhbmdlMiIKICAgICAgQGNoYW5nZT0iaGFuZGxlQ2hhbmdlIgogICAgLz4KICA8L2Etc3BhY2U+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgeyBEYXlqcyB9IGZyb20gJ2RheWpzJzsKaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3QgbW9kZTEgPSByZWY8YW55PigndGltZScpOwogICAgY29uc3QgbW9kZTIgPSByZWY8YW55PihbJ21vbnRoJywgJ21vbnRoJ10pOwogICAgY29uc3QgdmFsdWUgPSByZWY8W0RheWpzLCBEYXlqc10+KCk7CgogICAgY29uc3QgaGFuZGxlT3BlbkNoYW5nZTEgPSAob3BlbjogYm9vbGVhbikgPT4gewogICAgICBpZiAob3BlbikgewogICAgICAgIG1vZGUxLnZhbHVlID0gJ3RpbWUnOwogICAgICB9CiAgICB9OwoKICAgIGNvbnN0IGhhbmRsZUNoYW5nZSA9ICh2YWw6IFtEYXlqcywgRGF5anNdKSA9PiB7CiAgICAgIHZhbHVlLnZhbHVlID0gdmFsOwogICAgfTsKCiAgICBjb25zdCBoYW5kbGVQYW5lbENoYW5nZTEgPSAoX3ZhbDogW0RheWpzLCBEYXlqc10sIG1vZGU6IGFueSkgPT4gewogICAgICBtb2RlMS52YWx1ZSA9IG1vZGU7CiAgICB9OwoKICAgIGNvbnN0IGhhbmRsZVBhbmVsQ2hhbmdlMiA9ICh2YWw6IFtEYXlqcywgRGF5anNdLCBtb2RlOiBhbnlbXSkgPT4gewogICAgICB2YWx1ZS52YWx1ZSA9IHZhbDsKICAgICAgbW9kZTIudmFsdWUgPSBbCiAgICAgICAgbW9kZVswXSA9PT0gJ2RhdGUnID8gJ21vbnRoJyA6IG1vZGVbMF0sCiAgICAgICAgbW9kZVsxXSA9PT0gJ2RhdGUnID8gJ21vbnRoJyA6IG1vZGVbMV0sCiAgICAgIF07CiAgICB9OwoKICAgIHJldHVybiB7CiAgICAgIG1vZGUxLAogICAgICBtb2RlMiwKICAgICAgdmFsdWUsCiAgICAgIGhhbmRsZU9wZW5DaGFuZ2UxLAogICAgICBoYW5kbGVDaGFuZ2UsCiAgICAgIGhhbmRsZVBhbmVsQ2hhbmdlMSwKICAgICAgaGFuZGxlUGFuZWxDaGFuZ2UyLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXNwYWNlIGRpcmVjdGlvbj0idmVydGljYWwiIDpzaXplPSIxMiI+CiAgICA8YS1kYXRlLXBpY2tlcgogICAgICA6bW9kZT0ibW9kZTEiCiAgICAgIHNob3ctdGltZQogICAgICBAb3BlbkNoYW5nZT0iaGFuZGxlT3BlbkNoYW5nZTEiCiAgICAgIEBwYW5lbENoYW5nZT0iaGFuZGxlUGFuZWxDaGFuZ2UxIgogICAgLz4KICAgIDxhLXJhbmdlLXBpY2tlcgogICAgICA6cGxhY2Vob2xkZXI9IlsnU3RhcnQgbW9udGgnLCAnRW5kIG1vbnRoJ10iCiAgICAgIGZvcm1hdD0iWVlZWS1NTSIKICAgICAgOnZhbHVlPSJ2YWx1ZSIKICAgICAgOm1vZGU9Im1vZGUyIgogICAgICBAcGFuZWxDaGFuZ2U9ImhhbmRsZVBhbmVsQ2hhbmdlMiIKICAgICAgQGNoYW5nZT0iaGFuZGxlQ2hhbmdlIgogICAgLz4KICA8L2Etc3BhY2U+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IG1vZGUxID0gcmVmKCd0aW1lJyk7CiAgICBjb25zdCBtb2RlMiA9IHJlZihbJ21vbnRoJywgJ21vbnRoJ10pOwogICAgY29uc3QgdmFsdWUgPSByZWYoKTsKICAgIGNvbnN0IGhhbmRsZU9wZW5DaGFuZ2UxID0gb3BlbiA9PiB7CiAgICAgIGlmIChvcGVuKSB7CiAgICAgICAgbW9kZTEudmFsdWUgPSAndGltZSc7CiAgICAgIH0KICAgIH07CiAgICBjb25zdCBoYW5kbGVDaGFuZ2UgPSB2YWwgPT4gewogICAgICB2YWx1ZS52YWx1ZSA9IHZhbDsKICAgIH07CiAgICBjb25zdCBoYW5kbGVQYW5lbENoYW5nZTEgPSAoX3ZhbCwgbW9kZSkgPT4gewogICAgICBtb2RlMS52YWx1ZSA9IG1vZGU7CiAgICB9OwogICAgY29uc3QgaGFuZGxlUGFuZWxDaGFuZ2UyID0gKHZhbCwgbW9kZSkgPT4gewogICAgICB2YWx1ZS52YWx1ZSA9IHZhbDsKICAgICAgbW9kZTIudmFsdWUgPSBbbW9kZVswXSA9PT0gJ2RhdGUnID8gJ21vbnRoJyA6IG1vZGVbMF0sIG1vZGVbMV0gPT09ICdkYXRlJyA/ICdtb250aCcgOiBtb2RlWzFdXTsKICAgIH07CiAgICByZXR1cm4gewogICAgICBtb2RlMSwKICAgICAgbW9kZTIsCiAgICAgIHZhbHVlLAogICAgICBoYW5kbGVPcGVuQ2hhbmdlMSwKICAgICAgaGFuZGxlQ2hhbmdlLAogICAgICBoYW5kbGVQYW5lbENoYW5nZTEsCiAgICAgIGhhbmRsZVBhbmVsQ2hhbmdlMiwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pg=="}},{default:o(()=>[e(d,{direction:"vertical",size:12},{default:o(()=>[e(c,{mode:s.mode1,"show-time":"",onOpenChange:s.handleOpenChange1,onPanelChange:s.handlePanelChange1},null,8,["mode","onOpenChange","onPanelChange"]),e(u,{placeholder:["Start month","End month"],format:"YYYY-MM",value:s.value,mode:s.mode2,onPanelChange:s.handlePanelChange2,onChange:s.handleChange},null,8,["value","mode","onPanelChange","onChange"])]),_:1})]),htmlCode:o(()=>t[0]||(t[0]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    510. 

  510.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-space")]),a(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("vertical"),n("span",{class:"token punctuation"},'"')]),a(),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"},'"'),a("12"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    511. 

  511.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(`
    512. 

  512.       `),n("span",{class:"token attr-name"},":mode"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("mode1"),n("span",{class:"token punctuation"},'"')]),a(`
    513. 

  513.       `),n("span",{class:"token attr-name"},"show-time"),a(`
    514. 

  514.       `),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"},'"'),a("handleOpenChange1"),n("span",{class:"token punctuation"},'"')]),a(`
    515. 

  515.       `),n("span",{class:"token attr-name"},"@panelChange"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("handlePanelChange1"),n("span",{class:"token punctuation"},'"')]),a(`
    516. 

  516.     `),n("span",{class:"token punctuation"},"/>")]),a(`
    517. 

  517.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-range-picker")]),a(`
    518. 

  518.       `),n("span",{class:"token attr-name"},":placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("['Start month', 'End month']"),n("span",{class:"token punctuation"},'"')]),a(`
    519. 

  519.       `),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"},'"'),a("YYYY-MM"),n("span",{class:"token punctuation"},'"')]),a(`
    520. 

  520.       `),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"},'"'),a("value"),n("span",{class:"token punctuation"},'"')]),a(`
    521. 

  521.       `),n("span",{class:"token attr-name"},":mode"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("mode2"),n("span",{class:"token punctuation"},'"')]),a(`
    522. 

  522.       `),n("span",{class:"token attr-name"},"@panelChange"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("handlePanelChange2"),n("span",{class:"token punctuation"},'"')]),a(`
    523. 

  523.       `),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("handleChange"),n("span",{class:"token punctuation"},'"')]),a(`
    524. 

  524.     `),n("span",{class:"token punctuation"},"/>")]),a(`
    525. 

  525.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-space")]),n("span",{class:"token punctuation"},">")]),a(`
    526. 

  526. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    527. 

  527. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),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"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
    528. 

  528. `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" Dayjs "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'dayjs'"),n("span",{class:"token punctuation"},";"),a(`
    529. 

  529. `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent"),n("span",{class:"token punctuation"},","),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
    530. 

  530. `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
    531. 

  531.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    532. 

  532.     `),n("span",{class:"token keyword"},"const"),a(" mode1 "),n("span",{class:"token operator"},"="),a(" ref"),n("span",{class:"token operator"},"<"),a("any"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'time'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    533. 

  533.     `),n("span",{class:"token keyword"},"const"),a(" mode2 "),n("span",{class:"token operator"},"="),a(" ref"),n("span",{class:"token operator"},"<"),a("any"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'month'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token string"},"'month'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    534. 

  534.     `),n("span",{class:"token keyword"},"const"),a(" value "),n("span",{class:"token operator"},"="),a(" ref"),n("span",{class:"token operator"},"<"),n("span",{class:"token punctuation"},"["),a("Dayjs"),n("span",{class:"token punctuation"},","),a(" Dayjs"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    535. 

  535. 

  536.     `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"handleOpenChange1"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"open"),n("span",{class:"token operator"},":"),a(" boolean")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
    537. 

  537.       `),n("span",{class:"token keyword"},"if"),a(),n("span",{class:"token punctuation"},"("),a("open"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    538. 

  538.         mode1`),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token string"},"'time'"),n("span",{class:"token punctuation"},";"),a(`
    539. 

  539.       `),n("span",{class:"token punctuation"},"}"),a(`
    540. 

  540.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    541. 

  541. 

  542.     `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"handleChange"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"val"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a("Dayjs"),n("span",{class:"token punctuation"},","),a(" Dayjs"),n("span",{class:"token punctuation"},"]")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
    543. 

  543.       value`),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"="),a(" val"),n("span",{class:"token punctuation"},";"),a(`
    544. 

  544.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    545. 

  545. 

  546.     `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"handlePanelChange1"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"_val"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a("Dayjs"),n("span",{class:"token punctuation"},","),a(" Dayjs"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"mode"),n("span",{class:"token operator"},":"),a(" any")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
    547. 

  547.       mode1`),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"="),a(" mode"),n("span",{class:"token punctuation"},";"),a(`
    548. 

  548.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    549. 

  549. 

  550.     `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"handlePanelChange2"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"val"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a("Dayjs"),n("span",{class:"token punctuation"},","),a(" Dayjs"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"mode"),n("span",{class:"token operator"},":"),a(" any"),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
    551. 

  551.       value`),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"="),a(" val"),n("span",{class:"token punctuation"},";"),a(`
    552. 

  552.       mode2`),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a(`
    553. 

  553.         mode`),n("span",{class:"token punctuation"},"["),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},"]"),a(),n("span",{class:"token operator"},"==="),a(),n("span",{class:"token string"},"'date'"),a(),n("span",{class:"token operator"},"?"),a(),n("span",{class:"token string"},"'month'"),a(),n("span",{class:"token operator"},":"),a(" mode"),n("span",{class:"token punctuation"},"["),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
    554. 

  554.         mode`),n("span",{class:"token punctuation"},"["),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},"]"),a(),n("span",{class:"token operator"},"==="),a(),n("span",{class:"token string"},"'date'"),a(),n("span",{class:"token operator"},"?"),a(),n("span",{class:"token string"},"'month'"),a(),n("span",{class:"token operator"},":"),a(" mode"),n("span",{class:"token punctuation"},"["),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
    555. 

  555.       `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
    556. 

  556.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    557. 

  557. 

  558.     `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
    559. 

  559.       mode1`),n("span",{class:"token punctuation"},","),a(`
    560. 

  560.       mode2`),n("span",{class:"token punctuation"},","),a(`
    561. 

  561.       value`),n("span",{class:"token punctuation"},","),a(`
    562. 

  562.       handleOpenChange1`),n("span",{class:"token punctuation"},","),a(`
    563. 

  563.       handleChange`),n("span",{class:"token punctuation"},","),a(`
    564. 

  564.       handlePanelChange1`),n("span",{class:"token punctuation"},","),a(`
    565. 

  565.       handlePanelChange2`),n("span",{class:"token punctuation"},","),a(`
    566. 

  566.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    567. 

  567.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    568. 

  568. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    569. 

  569. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
    570. 

  570. `)])],-1)])),jsVersionHtml:o(()=>t[1]||(t[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    571. 

  571.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-space")]),a(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("vertical"),n("span",{class:"token punctuation"},'"')]),a(),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"},'"'),a("12"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    572. 

  572.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(`
    573. 

  573.       `),n("span",{class:"token attr-name"},":mode"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("mode1"),n("span",{class:"token punctuation"},'"')]),a(`
    574. 

  574.       `),n("span",{class:"token attr-name"},"show-time"),a(`
    575. 

  575.       `),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"},'"'),a("handleOpenChange1"),n("span",{class:"token punctuation"},'"')]),a(`
    576. 

  576.       `),n("span",{class:"token attr-name"},"@panelChange"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("handlePanelChange1"),n("span",{class:"token punctuation"},'"')]),a(`
    577. 

  577.     `),n("span",{class:"token punctuation"},"/>")]),a(`
    578. 

  578.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-range-picker")]),a(`
    579. 

  579.       `),n("span",{class:"token attr-name"},":placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("['Start month', 'End month']"),n("span",{class:"token punctuation"},'"')]),a(`
    580. 

  580.       `),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"},'"'),a("YYYY-MM"),n("span",{class:"token punctuation"},'"')]),a(`
    581. 

  581.       `),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"},'"'),a("value"),n("span",{class:"token punctuation"},'"')]),a(`
    582. 

  582.       `),n("span",{class:"token attr-name"},":mode"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("mode2"),n("span",{class:"token punctuation"},'"')]),a(`
    583. 

  583.       `),n("span",{class:"token attr-name"},"@panelChange"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("handlePanelChange2"),n("span",{class:"token punctuation"},'"')]),a(`
    584. 

  584.       `),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("handleChange"),n("span",{class:"token punctuation"},'"')]),a(`
    585. 

  585.     `),n("span",{class:"token punctuation"},"/>")]),a(`
    586. 

  586.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-space")]),n("span",{class:"token punctuation"},">")]),a(`
    587. 

  587. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    588. 

  588. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
    589. 

  589. `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent"),n("span",{class:"token punctuation"},","),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
    590. 

  590. `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
    591. 

  591.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    592. 

  592.     `),n("span",{class:"token keyword"},"const"),a(" mode1 "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'time'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    593. 

  593.     `),n("span",{class:"token keyword"},"const"),a(" mode2 "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'month'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token string"},"'month'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    594. 

  594.     `),n("span",{class:"token keyword"},"const"),a(" value "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    595. 

  595.     `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"handleOpenChange1"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token parameter"},"open"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
    596. 

  596.       `),n("span",{class:"token keyword"},"if"),a(),n("span",{class:"token punctuation"},"("),a("open"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    597. 

  597.         mode1`),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token string"},"'time'"),n("span",{class:"token punctuation"},";"),a(`
    598. 

  598.       `),n("span",{class:"token punctuation"},"}"),a(`
    599. 

  599.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    600. 

  600.     `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"handleChange"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token parameter"},"val"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
    601. 

  601.       value`),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"="),a(" val"),n("span",{class:"token punctuation"},";"),a(`
    602. 

  602.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    603. 

  603.     `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"handlePanelChange1"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("_val"),n("span",{class:"token punctuation"},","),a(" mode")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
    604. 

  604.       mode1`),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"="),a(" mode"),n("span",{class:"token punctuation"},";"),a(`
    605. 

  605.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    606. 

  606.     `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"handlePanelChange2"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("val"),n("span",{class:"token punctuation"},","),a(" mode")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
    607. 

  607.       value`),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"="),a(" val"),n("span",{class:"token punctuation"},";"),a(`
    608. 

  608.       mode2`),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a("mode"),n("span",{class:"token punctuation"},"["),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},"]"),a(),n("span",{class:"token operator"},"==="),a(),n("span",{class:"token string"},"'date'"),a(),n("span",{class:"token operator"},"?"),a(),n("span",{class:"token string"},"'month'"),a(),n("span",{class:"token operator"},":"),a(" mode"),n("span",{class:"token punctuation"},"["),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(" mode"),n("span",{class:"token punctuation"},"["),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},"]"),a(),n("span",{class:"token operator"},"==="),a(),n("span",{class:"token string"},"'date'"),a(),n("span",{class:"token operator"},"?"),a(),n("span",{class:"token string"},"'month'"),a(),n("span",{class:"token operator"},":"),a(" mode"),n("span",{class:"token punctuation"},"["),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
    609. 

  609.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    610. 

  610.     `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
    611. 

  611.       mode1`),n("span",{class:"token punctuation"},","),a(`
    612. 

  612.       mode2`),n("span",{class:"token punctuation"},","),a(`
    613. 

  613.       value`),n("span",{class:"token punctuation"},","),a(`
    614. 

  614.       handleOpenChange1`),n("span",{class:"token punctuation"},","),a(`
    615. 

  615.       handleChange`),n("span",{class:"token punctuation"},","),a(`
    616. 

  616.       handlePanelChange1`),n("span",{class:"token punctuation"},","),a(`
    617. 

  617.       handlePanelChange2`),n("span",{class:"token punctuation"},","),a(`
    618. 

  618.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    619. 

  619.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    620. 

  620. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    621. 

  621. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
    622. 

  622. `)])],-1)])),_:1})}const en=b(tn,[["render",sn]]),on=f({setup(){return{value1:k(),value2:k(),ranges:{Today:[I(),I()],"This Month":[I(),I().endOf("month")]}}}});function pn(s,t,i,h,g,m){const c=p("a-range-picker"),u=p("a-space"),d=p("demo-box");return C(),y(d,{jsfiddle:{us:"We can set presetted ranges to RangePicker to improve user experience.",cn:"\u53EF\u4EE5\u9884\u8BBE\u5E38\u7528\u7684\u65E5\u671F\u8303\u56F4\u4EE5\u63D0\u9AD8\u7528\u6237\u4F53\u9A8C\u3002",docHtml:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
    623. 

  623.           <span aria-hidden="true" class="anchor">#</span>
    624. 

  624.         </a></h2>
    625. 

  625. <p>\u53EF\u4EE5\u9884\u8BBE\u5E38\u7528\u7684\u65E5\u671F\u8303\u56F4\u4EE5\u63D0\u9AD8\u7528\u6237\u4F53\u9A8C\u3002</p>
    626. 

  626. <h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
    627. 

  627.           <span aria-hidden="true" class="anchor">#</span>
    628. 

  628.         </a></h2>
    629. 

  629. <p>We can set presetted ranges to RangePicker to improve user experience.</p>
    630. 

  630. `,order:6,title:{"zh-CN":"\u9884\u8BBE\u8303\u56F4","en-US":"Preset Ranges"},relativePath:"components/date-picker/demo/presetted-ranges.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXNwYWNlIGRpcmVjdGlvbj0idmVydGljYWwiIDpzaXplPSIxMiI+CiAgICA8YS1yYW5nZS1waWNrZXIgdi1tb2RlbDp2YWx1ZT0idmFsdWUxIiA6cmFuZ2VzPSJyYW5nZXMiIC8+CiAgICA8YS1yYW5nZS1waWNrZXIKICAgICAgdi1tb2RlbDp2YWx1ZT0idmFsdWUyIgogICAgICBzdHlsZT0id2lkdGg6IDQwMHB4IgogICAgICA6cmFuZ2VzPSJyYW5nZXMiCiAgICAgIHNob3ctdGltZQogICAgICBmb3JtYXQ9IllZWVkvTU0vREQgSEg6bW06c3MiCiAgICAvPgogIDwvYS1zcGFjZT4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyI+CmltcG9ydCBkYXlqcywgeyBEYXlqcyB9IGZyb20gJ2RheWpzJzsKaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwp0eXBlIFJhbmdlVmFsdWUgPSBbRGF5anMsIERheWpzXTsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIHJldHVybiB7CiAgICAgIHZhbHVlMTogcmVmPFJhbmdlVmFsdWU+KCksCiAgICAgIHZhbHVlMjogcmVmPFJhbmdlVmFsdWU+KCksCiAgICAgIHJhbmdlczogewogICAgICAgIFRvZGF5OiBbZGF5anMoKSwgZGF5anMoKV0gYXMgUmFuZ2VWYWx1ZSwKICAgICAgICAnVGhpcyBNb250aCc6IFtkYXlqcygpLCBkYXlqcygpLmVuZE9mKCdtb250aCcpXSBhcyBSYW5nZVZhbHVlLAogICAgICB9LAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXNwYWNlIGRpcmVjdGlvbj0idmVydGljYWwiIDpzaXplPSIxMiI+CiAgICA8YS1yYW5nZS1waWNrZXIgdi1tb2RlbDp2YWx1ZT0idmFsdWUxIiA6cmFuZ2VzPSJyYW5nZXMiIC8+CiAgICA8YS1yYW5nZS1waWNrZXIKICAgICAgdi1tb2RlbDp2YWx1ZT0idmFsdWUyIgogICAgICBzdHlsZT0id2lkdGg6IDQwMHB4IgogICAgICA6cmFuZ2VzPSJyYW5nZXMiCiAgICAgIHNob3ctdGltZQogICAgICBmb3JtYXQ9IllZWVkvTU0vREQgSEg6bW06c3MiCiAgICAvPgogIDwvYS1zcGFjZT4KPC90ZW1wbGF0ZT4KPHNjcmlwdD4KaW1wb3J0IGRheWpzIGZyb20gJ2RheWpzJzsKaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgcmV0dXJuIHsKICAgICAgdmFsdWUxOiByZWYoKSwKICAgICAgdmFsdWUyOiByZWYoKSwKICAgICAgcmFuZ2VzOiB7CiAgICAgICAgVG9kYXk6IFtkYXlqcygpLCBkYXlqcygpXSwKICAgICAgICAnVGhpcyBNb250aCc6IFtkYXlqcygpLCBkYXlqcygpLmVuZE9mKCdtb250aCcpXSwKICAgICAgfSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pg=="}},{default:o(()=>[e(u,{direction:"vertical",size:12},{default:o(()=>[e(c,{value:s.value1,"onUpdate:value":t[0]||(t[0]=r=>s.value1=r),ranges:s.ranges},null,8,["value","ranges"]),e(c,{value:s.value2,"onUpdate:value":t[1]||(t[1]=r=>s.value2=r),style:{width:"400px"},ranges:s.ranges,"show-time":"",format:"YYYY/MM/DD HH:mm:ss"},null,8,["value","ranges"])]),_:1})]),htmlCode:o(()=>t[2]||(t[2]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    631. 

  631.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-space")]),a(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("vertical"),n("span",{class:"token punctuation"},'"')]),a(),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"},'"'),a("12"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    632. 

  632.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-range-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value1"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":ranges"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ranges"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    633. 

  633.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-range-picker")]),a(`
    634. 

  634.       `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value2"),n("span",{class:"token punctuation"},'"')]),a(`
    635. 

  635.       `),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),a(" 400px")]),n("span",{class:"token punctuation"},'"')])]),a(`
    636. 

  636.       `),n("span",{class:"token attr-name"},":ranges"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ranges"),n("span",{class:"token punctuation"},'"')]),a(`
    637. 

  637.       `),n("span",{class:"token attr-name"},"show-time"),a(`
    638. 

  638.       `),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"},'"'),a("YYYY/MM/DD HH:mm:ss"),n("span",{class:"token punctuation"},'"')]),a(`
    639. 

  639.     `),n("span",{class:"token punctuation"},"/>")]),a(`
    640. 

  640.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-space")]),n("span",{class:"token punctuation"},">")]),a(`
    641. 

  641. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    642. 

  642. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),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"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
    643. 

  643. `),n("span",{class:"token keyword"},"import"),a(" dayjs"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token punctuation"},"{"),a(" Dayjs "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'dayjs'"),n("span",{class:"token punctuation"},";"),a(`
    644. 

  644. `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent"),n("span",{class:"token punctuation"},","),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
    645. 

  645. type RangeValue `),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a("Dayjs"),n("span",{class:"token punctuation"},","),a(" Dayjs"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
    646. 

  646. `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
    647. 

  647.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    648. 

  648.     `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
    649. 

  649.       `),n("span",{class:"token literal-property property"},"value1"),n("span",{class:"token operator"},":"),a(" ref"),n("span",{class:"token operator"},"<"),a("RangeValue"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    650. 

  650.       `),n("span",{class:"token literal-property property"},"value2"),n("span",{class:"token operator"},":"),a(" ref"),n("span",{class:"token operator"},"<"),a("RangeValue"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    651. 

  651.       `),n("span",{class:"token literal-property property"},"ranges"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"{"),a(`
    652. 

  652.         `),n("span",{class:"token literal-property property"},"Today"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token function"},"dayjs"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token function"},"dayjs"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"]"),a(),n("span",{class:"token keyword"},"as"),a(" RangeValue"),n("span",{class:"token punctuation"},","),a(`
    653. 

  653.         `),n("span",{class:"token string-property property"},"'This Month'"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token function"},"dayjs"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token function"},"dayjs"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"endOf"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'month'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"]"),a(),n("span",{class:"token keyword"},"as"),a(" RangeValue"),n("span",{class:"token punctuation"},","),a(`
    654. 

  654.       `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    655. 

  655.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    656. 

  656.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    657. 

  657. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    658. 

  658. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
    659. 

  659. `)])],-1)])),jsVersionHtml:o(()=>t[3]||(t[3]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    660. 

  660.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-space")]),a(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("vertical"),n("span",{class:"token punctuation"},'"')]),a(),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"},'"'),a("12"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    661. 

  661.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-range-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value1"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":ranges"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ranges"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    662. 

  662.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-range-picker")]),a(`
    663. 

  663.       `),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value2"),n("span",{class:"token punctuation"},'"')]),a(`
    664. 

  664.       `),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),a(" 400px")]),n("span",{class:"token punctuation"},'"')])]),a(`
    665. 

  665.       `),n("span",{class:"token attr-name"},":ranges"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ranges"),n("span",{class:"token punctuation"},'"')]),a(`
    666. 

  666.       `),n("span",{class:"token attr-name"},"show-time"),a(`
    667. 

  667.       `),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"},'"'),a("YYYY/MM/DD HH:mm:ss"),n("span",{class:"token punctuation"},'"')]),a(`
    668. 

  668.     `),n("span",{class:"token punctuation"},"/>")]),a(`
    669. 

  669.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-space")]),n("span",{class:"token punctuation"},">")]),a(`
    670. 

  670. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    671. 

  671. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
    672. 

  672. `),n("span",{class:"token keyword"},"import"),a(" dayjs "),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'dayjs'"),n("span",{class:"token punctuation"},";"),a(`
    673. 

  673. `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent"),n("span",{class:"token punctuation"},","),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
    674. 

  674. `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
    675. 

  675.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    676. 

  676.     `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
    677. 

  677.       `),n("span",{class:"token literal-property property"},"value1"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    678. 

  678.       `),n("span",{class:"token literal-property property"},"value2"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    679. 

  679.       `),n("span",{class:"token literal-property property"},"ranges"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"{"),a(`
    680. 

  680.         `),n("span",{class:"token literal-property property"},"Today"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token function"},"dayjs"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token function"},"dayjs"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
    681. 

  681.         `),n("span",{class:"token string-property property"},"'This Month'"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token function"},"dayjs"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token function"},"dayjs"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"endOf"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'month'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
    682. 

  682.       `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    683. 

  683.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    684. 

  684.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    685. 

  685. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    686. 

  686. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
    687. 

  687. `)])],-1)])),_:1})}const cn=b(on,[["render",pn]]),ln=f({setup(){const s=k(),t=k(),i=k();return{dates:s,value:t,hackValue:i,disabledDate:u=>{if(!s.value||s.value.length===0)return!1;const d=s.value[0]&&u.diff(s.value[0],"days")>7;return s.value[1]&&s.value[1].diff(u,"days")>7||d},onOpenChange:u=>{u?(s.value=[],i.value=[]):i.value=void 0},onChange:u=>{t.value=u},onCalendarChange:u=>{s.value=u}}}});function un(s,t,i,h,g,m){const c=p("a-range-picker"),u=p("demo-box");return C(),y(u,{jsfiddle:{us:"A example shows how to select a dynamic range by using `onCalendarChange` and `disabledDate`.",cn:"\u8FD9\u91CC\u4E3E\u4F8B\u5982\u4F55\u7528 `onCalendarChange` \u548C `disabledDate` \u6765\u9650\u5236\u52A8\u6001\u7684\u65E5\u671F\u533A\u95F4\u9009\u62E9\u3002",docHtml:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
    688. 

  688.           <span aria-hidden="true" class="anchor">#</span>
    689. 

  689.         </a></h2>
    690. 

  690. <p>\u8FD9\u91CC\u4E3E\u4F8B\u5982\u4F55\u7528 <code>onCalendarChange</code> \u548C <code>disabledDate</code> \u6765\u9650\u5236\u52A8\u6001\u7684\u65E5\u671F\u533A\u95F4\u9009\u62E9\u3002</p>
    691. 

  691. <h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
    692. 

  692.           <span aria-hidden="true" class="anchor">#</span>
    693. 

  693.         </a></h2>
    694. 

  694. <p>A example shows how to select a dynamic range by using <code>onCalendarChange</code> and <code>disabledDate</code>.</p>
    695. 

  695. `,order:5,title:{"zh-CN":"\u9009\u62E9\u4E0D\u8D85\u8FC7\u4E03\u5929\u7684\u8303\u56F4","en-US":"Select range dates in 7 days"},relativePath:"components/date-picker/demo/select-in-range.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXJhbmdlLXBpY2tlcgogICAgOnZhbHVlPSJoYWNrVmFsdWUgfHwgdmFsdWUiCiAgICA6ZGlzYWJsZWQtZGF0ZT0iZGlzYWJsZWREYXRlIgogICAgQGNoYW5nZT0ib25DaGFuZ2UiCiAgICBAb3BlbkNoYW5nZT0ib25PcGVuQ2hhbmdlIgogICAgQGNhbGVuZGFyQ2hhbmdlPSJvbkNhbGVuZGFyQ2hhbmdlIgogIC8+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgeyBEYXlqcyB9IGZyb20gJ2RheWpzJzsKaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwp0eXBlIFJhbmdlVmFsdWUgPSBbRGF5anMsIERheWpzXTsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IGRhdGVzID0gcmVmPFJhbmdlVmFsdWU+KCk7CiAgICBjb25zdCB2YWx1ZSA9IHJlZjxSYW5nZVZhbHVlPigpOwogICAgY29uc3QgaGFja1ZhbHVlID0gcmVmPFJhbmdlVmFsdWU+KCk7CgogICAgY29uc3QgZGlzYWJsZWREYXRlID0gKGN1cnJlbnQ6IERheWpzKSA9PiB7CiAgICAgIGlmICghZGF0ZXMudmFsdWUgfHwgKGRhdGVzLnZhbHVlIGFzIGFueSkubGVuZ3RoID09PSAwKSB7CiAgICAgICAgcmV0dXJuIGZhbHNlOwogICAgICB9CiAgICAgIGNvbnN0IHRvb0xhdGUgPSBkYXRlcy52YWx1ZVswXSAmJiBjdXJyZW50LmRpZmYoZGF0ZXMudmFsdWVbMF0sICdkYXlzJykgPiA3OwogICAgICBjb25zdCB0b29FYXJseSA9IGRhdGVzLnZhbHVlWzFdICYmIGRhdGVzLnZhbHVlWzFdLmRpZmYoY3VycmVudCwgJ2RheXMnKSA+IDc7CiAgICAgIHJldHVybiB0b29FYXJseSB8fCB0b29MYXRlOwogICAgfTsKCiAgICBjb25zdCBvbk9wZW5DaGFuZ2UgPSAob3BlbjogYm9vbGVhbikgPT4gewogICAgICBpZiAob3BlbikgewogICAgICAgIGRhdGVzLnZhbHVlID0gW10gYXMgYW55OwogICAgICAgIGhhY2tWYWx1ZS52YWx1ZSA9IFtdIGFzIGFueTsKICAgICAgfSBlbHNlIHsKICAgICAgICBoYWNrVmFsdWUudmFsdWUgPSB1bmRlZmluZWQ7CiAgICAgIH0KICAgIH07CgogICAgY29uc3Qgb25DaGFuZ2UgPSAodmFsOiBSYW5nZVZhbHVlKSA9PiB7CiAgICAgIHZhbHVlLnZhbHVlID0gdmFsOwogICAgfTsKCiAgICBjb25zdCBvbkNhbGVuZGFyQ2hhbmdlID0gKHZhbDogUmFuZ2VWYWx1ZSkgPT4gewogICAgICBkYXRlcy52YWx1ZSA9IHZhbDsKICAgIH07CgogICAgcmV0dXJuIHsKICAgICAgZGF0ZXMsCiAgICAgIHZhbHVlLAogICAgICBoYWNrVmFsdWUsCiAgICAgIGRpc2FibGVkRGF0ZSwKICAgICAgb25PcGVuQ2hhbmdlLAogICAgICBvbkNoYW5nZSwKICAgICAgb25DYWxlbmRhckNoYW5nZSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXJhbmdlLXBpY2tlcgogICAgOnZhbHVlPSJoYWNrVmFsdWUgfHwgdmFsdWUiCiAgICA6ZGlzYWJsZWQtZGF0ZT0iZGlzYWJsZWREYXRlIgogICAgQGNoYW5nZT0ib25DaGFuZ2UiCiAgICBAb3BlbkNoYW5nZT0ib25PcGVuQ2hhbmdlIgogICAgQGNhbGVuZGFyQ2hhbmdlPSJvbkNhbGVuZGFyQ2hhbmdlIgogIC8+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IGRhdGVzID0gcmVmKCk7CiAgICBjb25zdCB2YWx1ZSA9IHJlZigpOwogICAgY29uc3QgaGFja1ZhbHVlID0gcmVmKCk7CiAgICBjb25zdCBkaXNhYmxlZERhdGUgPSBjdXJyZW50ID0+IHsKICAgICAgaWYgKCFkYXRlcy52YWx1ZSB8fCBkYXRlcy52YWx1ZS5sZW5ndGggPT09IDApIHsKICAgICAgICByZXR1cm4gZmFsc2U7CiAgICAgIH0KICAgICAgY29uc3QgdG9vTGF0ZSA9IGRhdGVzLnZhbHVlWzBdICYmIGN1cnJlbnQuZGlmZihkYXRlcy52YWx1ZVswXSwgJ2RheXMnKSA+IDc7CiAgICAgIGNvbnN0IHRvb0Vhcmx5ID0gZGF0ZXMudmFsdWVbMV0gJiYgZGF0ZXMudmFsdWVbMV0uZGlmZihjdXJyZW50LCAnZGF5cycpID4gNzsKICAgICAgcmV0dXJuIHRvb0Vhcmx5IHx8IHRvb0xhdGU7CiAgICB9OwogICAgY29uc3Qgb25PcGVuQ2hhbmdlID0gb3BlbiA9PiB7CiAgICAgIGlmIChvcGVuKSB7CiAgICAgICAgZGF0ZXMudmFsdWUgPSBbXTsKICAgICAgICBoYWNrVmFsdWUudmFsdWUgPSBbXTsKICAgICAgfSBlbHNlIHsKICAgICAgICBoYWNrVmFsdWUudmFsdWUgPSB1bmRlZmluZWQ7CiAgICAgIH0KICAgIH07CiAgICBjb25zdCBvbkNoYW5nZSA9IHZhbCA9PiB7CiAgICAgIHZhbHVlLnZhbHVlID0gdmFsOwogICAgfTsKICAgIGNvbnN0IG9uQ2FsZW5kYXJDaGFuZ2UgPSB2YWwgPT4gewogICAgICBkYXRlcy52YWx1ZSA9IHZhbDsKICAgIH07CiAgICByZXR1cm4gewogICAgICBkYXRlcywKICAgICAgdmFsdWUsCiAgICAgIGhhY2tWYWx1ZSwKICAgICAgZGlzYWJsZWREYXRlLAogICAgICBvbk9wZW5DaGFuZ2UsCiAgICAgIG9uQ2hhbmdlLAogICAgICBvbkNhbGVuZGFyQ2hhbmdlLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+"}},{default:o(()=>[e(c,{value:s.hackValue||s.value,"disabled-date":s.disabledDate,onChange:s.onChange,onOpenChange:s.onOpenChange,onCalendarChange:s.onCalendarChange},null,8,["value","disabled-date","onChange","onOpenChange","onCalendarChange"])]),htmlCode:o(()=>t[0]||(t[0]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    696. 

  696.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-range-picker")]),a(`
    697. 

  697.     `),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"},'"'),a("hackValue || value"),n("span",{class:"token punctuation"},'"')]),a(`
    698. 

  698.     `),n("span",{class:"token attr-name"},":disabled-date"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("disabledDate"),n("span",{class:"token punctuation"},'"')]),a(`
    699. 

  699.     `),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("onChange"),n("span",{class:"token punctuation"},'"')]),a(`
    700. 

  700.     `),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"},'"'),a("onOpenChange"),n("span",{class:"token punctuation"},'"')]),a(`
    701. 

  701.     `),n("span",{class:"token attr-name"},"@calendarChange"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("onCalendarChange"),n("span",{class:"token punctuation"},'"')]),a(`
    702. 

  702.   `),n("span",{class:"token punctuation"},"/>")]),a(`
    703. 

  703. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    704. 

  704. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),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"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
    705. 

  705. `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" Dayjs "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'dayjs'"),n("span",{class:"token punctuation"},";"),a(`
    706. 

  706. `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent"),n("span",{class:"token punctuation"},","),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
    707. 

  707. type RangeValue `),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a("Dayjs"),n("span",{class:"token punctuation"},","),a(" Dayjs"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
    708. 

  708. `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
    709. 

  709.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    710. 

  710.     `),n("span",{class:"token keyword"},"const"),a(" dates "),n("span",{class:"token operator"},"="),a(" ref"),n("span",{class:"token operator"},"<"),a("RangeValue"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    711. 

  711.     `),n("span",{class:"token keyword"},"const"),a(" value "),n("span",{class:"token operator"},"="),a(" ref"),n("span",{class:"token operator"},"<"),a("RangeValue"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    712. 

  712.     `),n("span",{class:"token keyword"},"const"),a(" hackValue "),n("span",{class:"token operator"},"="),a(" ref"),n("span",{class:"token operator"},"<"),a("RangeValue"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    713. 

  713. 

  714.     `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"disabledDate"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"current"),n("span",{class:"token operator"},":"),a(" Dayjs")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
    715. 

  715.       `),n("span",{class:"token keyword"},"if"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token operator"},"!"),a("dates"),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"||"),a(),n("span",{class:"token punctuation"},"("),a("dates"),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token keyword"},"as"),a(" any"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"."),a("length "),n("span",{class:"token operator"},"==="),a(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    716. 

  716.         `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},";"),a(`
    717. 

  717.       `),n("span",{class:"token punctuation"},"}"),a(`
    718. 

  718.       `),n("span",{class:"token keyword"},"const"),a(" tooLate "),n("span",{class:"token operator"},"="),a(" dates"),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token punctuation"},"["),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},"]"),a(),n("span",{class:"token operator"},"&&"),a(" current"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"diff"),n("span",{class:"token punctuation"},"("),a("dates"),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token punctuation"},"["),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token string"},"'days'"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},">"),a(),n("span",{class:"token number"},"7"),n("span",{class:"token punctuation"},";"),a(`
    719. 

  719.       `),n("span",{class:"token keyword"},"const"),a(" tooEarly "),n("span",{class:"token operator"},"="),a(" dates"),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token punctuation"},"["),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},"]"),a(),n("span",{class:"token operator"},"&&"),a(" dates"),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token punctuation"},"["),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"diff"),n("span",{class:"token punctuation"},"("),a("current"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token string"},"'days'"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},">"),a(),n("span",{class:"token number"},"7"),n("span",{class:"token punctuation"},";"),a(`
    720. 

  720.       `),n("span",{class:"token keyword"},"return"),a(" tooEarly "),n("span",{class:"token operator"},"||"),a(" tooLate"),n("span",{class:"token punctuation"},";"),a(`
    721. 

  721.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    722. 

  722. 

  723.     `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"onOpenChange"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"open"),n("span",{class:"token operator"},":"),a(" boolean")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
    724. 

  724.       `),n("span",{class:"token keyword"},"if"),a(),n("span",{class:"token punctuation"},"("),a("open"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    725. 

  725.         dates`),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),a(),n("span",{class:"token keyword"},"as"),a(" any"),n("span",{class:"token punctuation"},";"),a(`
    726. 

  726.         hackValue`),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),a(),n("span",{class:"token keyword"},"as"),a(" any"),n("span",{class:"token punctuation"},";"),a(`
    727. 

  727.       `),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"else"),a(),n("span",{class:"token punctuation"},"{"),a(`
    728. 

  728.         hackValue`),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token keyword"},"undefined"),n("span",{class:"token punctuation"},";"),a(`
    729. 

  729.       `),n("span",{class:"token punctuation"},"}"),a(`
    730. 

  730.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    731. 

  731. 

  732.     `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"onChange"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"val"),n("span",{class:"token operator"},":"),a(" RangeValue")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
    733. 

  733.       value`),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"="),a(" val"),n("span",{class:"token punctuation"},";"),a(`
    734. 

  734.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    735. 

  735. 

  736.     `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"onCalendarChange"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"val"),n("span",{class:"token operator"},":"),a(" RangeValue")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
    737. 

  737.       dates`),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"="),a(" val"),n("span",{class:"token punctuation"},";"),a(`
    738. 

  738.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    739. 

  739. 

  740.     `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
    741. 

  741.       dates`),n("span",{class:"token punctuation"},","),a(`
    742. 

  742.       value`),n("span",{class:"token punctuation"},","),a(`
    743. 

  743.       hackValue`),n("span",{class:"token punctuation"},","),a(`
    744. 

  744.       disabledDate`),n("span",{class:"token punctuation"},","),a(`
    745. 

  745.       onOpenChange`),n("span",{class:"token punctuation"},","),a(`
    746. 

  746.       onChange`),n("span",{class:"token punctuation"},","),a(`
    747. 

  747.       onCalendarChange`),n("span",{class:"token punctuation"},","),a(`
    748. 

  748.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    749. 

  749.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    750. 

  750. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    751. 

  751. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
    752. 

  752. `)])],-1)])),jsVersionHtml:o(()=>t[1]||(t[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    753. 

  753.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-range-picker")]),a(`
    754. 

  754.     `),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"},'"'),a("hackValue || value"),n("span",{class:"token punctuation"},'"')]),a(`
    755. 

  755.     `),n("span",{class:"token attr-name"},":disabled-date"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("disabledDate"),n("span",{class:"token punctuation"},'"')]),a(`
    756. 

  756.     `),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("onChange"),n("span",{class:"token punctuation"},'"')]),a(`
    757. 

  757.     `),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"},'"'),a("onOpenChange"),n("span",{class:"token punctuation"},'"')]),a(`
    758. 

  758.     `),n("span",{class:"token attr-name"},"@calendarChange"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("onCalendarChange"),n("span",{class:"token punctuation"},'"')]),a(`
    759. 

  759.   `),n("span",{class:"token punctuation"},"/>")]),a(`
    760. 

  760. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    761. 

  761. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
    762. 

  762. `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent"),n("span",{class:"token punctuation"},","),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
    763. 

  763. `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
    764. 

  764.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    765. 

  765.     `),n("span",{class:"token keyword"},"const"),a(" dates "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    766. 

  766.     `),n("span",{class:"token keyword"},"const"),a(" value "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    767. 

  767.     `),n("span",{class:"token keyword"},"const"),a(" hackValue "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    768. 

  768.     `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"disabledDate"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token parameter"},"current"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
    769. 

  769.       `),n("span",{class:"token keyword"},"if"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token operator"},"!"),a("dates"),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"||"),a(" dates"),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token punctuation"},"."),a("length "),n("span",{class:"token operator"},"==="),a(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    770. 

  770.         `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},";"),a(`
    771. 

  771.       `),n("span",{class:"token punctuation"},"}"),a(`
    772. 

  772.       `),n("span",{class:"token keyword"},"const"),a(" tooLate "),n("span",{class:"token operator"},"="),a(" dates"),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token punctuation"},"["),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},"]"),a(),n("span",{class:"token operator"},"&&"),a(" current"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"diff"),n("span",{class:"token punctuation"},"("),a("dates"),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token punctuation"},"["),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token string"},"'days'"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},">"),a(),n("span",{class:"token number"},"7"),n("span",{class:"token punctuation"},";"),a(`
    773. 

  773.       `),n("span",{class:"token keyword"},"const"),a(" tooEarly "),n("span",{class:"token operator"},"="),a(" dates"),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token punctuation"},"["),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},"]"),a(),n("span",{class:"token operator"},"&&"),a(" dates"),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token punctuation"},"["),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"diff"),n("span",{class:"token punctuation"},"("),a("current"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token string"},"'days'"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},">"),a(),n("span",{class:"token number"},"7"),n("span",{class:"token punctuation"},";"),a(`
    774. 

  774.       `),n("span",{class:"token keyword"},"return"),a(" tooEarly "),n("span",{class:"token operator"},"||"),a(" tooLate"),n("span",{class:"token punctuation"},";"),a(`
    775. 

  775.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    776. 

  776.     `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"onOpenChange"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token parameter"},"open"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
    777. 

  777.       `),n("span",{class:"token keyword"},"if"),a(),n("span",{class:"token punctuation"},"("),a("open"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    778. 

  778.         dates`),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
    779. 

  779.         hackValue`),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
    780. 

  780.       `),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"else"),a(),n("span",{class:"token punctuation"},"{"),a(`
    781. 

  781.         hackValue`),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token keyword"},"undefined"),n("span",{class:"token punctuation"},";"),a(`
    782. 

  782.       `),n("span",{class:"token punctuation"},"}"),a(`
    783. 

  783.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    784. 

  784.     `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"onChange"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token parameter"},"val"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
    785. 

  785.       value`),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"="),a(" val"),n("span",{class:"token punctuation"},";"),a(`
    786. 

  786.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    787. 

  787.     `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"onCalendarChange"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token parameter"},"val"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
    788. 

  788.       dates`),n("span",{class:"token punctuation"},"."),a("value "),n("span",{class:"token operator"},"="),a(" val"),n("span",{class:"token punctuation"},";"),a(`
    789. 

  789.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    790. 

  790.     `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
    791. 

  791.       dates`),n("span",{class:"token punctuation"},","),a(`
    792. 

  792.       value`),n("span",{class:"token punctuation"},","),a(`
    793. 

  793.       hackValue`),n("span",{class:"token punctuation"},","),a(`
    794. 

  794.       disabledDate`),n("span",{class:"token punctuation"},","),a(`
    795. 

  795.       onOpenChange`),n("span",{class:"token punctuation"},","),a(`
    796. 

  796.       onChange`),n("span",{class:"token punctuation"},","),a(`
    797. 

  797.       onCalendarChange`),n("span",{class:"token punctuation"},","),a(`
    798. 

  798.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    799. 

  799.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    800. 

  800. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    801. 

  801. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
    802. 

  802. `)])],-1)])),_:1})}const rn=b(ln,[["render",un]]),kn=f({setup(){return{size:k("default")}}});function dn(s,t,i,h,g,m){const c=p("a-radio-button"),u=p("a-radio-group"),d=p("a-date-picker"),r=p("a-range-picker"),l=p("a-space"),v=p("demo-box");return C(),y(v,{jsfiddle:{us:"The input box comes in three sizes. `default` will be used if `size` is omitted.",cn:"\u4E09\u79CD\u5927\u5C0F\u7684\u8F93\u5165\u6846\uFF0C\u82E5\u4E0D\u8BBE\u7F6E\uFF0C\u5219\u4E3A `default`\u3002",docHtml:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
    803. 

  803.           <span aria-hidden="true" class="anchor">#</span>
    804. 

  804.         </a></h2>
    805. 

  805. <p>\u4E09\u79CD\u5927\u5C0F\u7684\u8F93\u5165\u6846\uFF0C\u82E5\u4E0D\u8BBE\u7F6E\uFF0C\u5219\u4E3A <code>default</code>\u3002</p>
    806. 

  806. <h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
    807. 

  807.           <span aria-hidden="true" class="anchor">#</span>
    808. 

  808.         </a></h2>
    809. 

  809. <p>The input box comes in three sizes. <code>default</code> will be used if <code>size</code> is omitted.</p>
    810. 

  810. `,order:8,title:{"zh-CN":"\u4E09\u79CD\u5927\u5C0F","en-US":"Three Sizes"},relativePath:"components/date-picker/demo/size.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXNwYWNlIGRpcmVjdGlvbj0idmVydGljYWwiIDpzaXplPSIxMiI+CiAgICA8YS1yYWRpby1ncm91cCB2LW1vZGVsOnZhbHVlPSJzaXplIj4KICAgICAgPGEtcmFkaW8tYnV0dG9uIHZhbHVlPSJsYXJnZSI+TGFyZ2U8L2EtcmFkaW8tYnV0dG9uPgogICAgICA8YS1yYWRpby1idXR0b24gdmFsdWU9ImRlZmF1bHQiPkRlZmF1bHQ8L2EtcmFkaW8tYnV0dG9uPgogICAgICA8YS1yYWRpby1idXR0b24gdmFsdWU9InNtYWxsIj5TbWFsbDwvYS1yYWRpby1idXR0b24+CiAgICA8L2EtcmFkaW8tZ3JvdXA+CiAgICA8YS1kYXRlLXBpY2tlciA6c2l6ZT0ic2l6ZSIgLz4KICAgIDxhLWRhdGUtcGlja2VyIDpzaXplPSJzaXplIiBwbGFjZWhvbGRlcj0iU2VsZWN0IE1vbnRoIiBwaWNrZXI9Im1vbnRoIiAvPgogICAgPGEtcmFuZ2UtcGlja2VyIDpzaXplPSJzaXplIiAvPgogICAgPGEtZGF0ZS1waWNrZXIgOnNpemU9InNpemUiIHBsYWNlaG9sZGVyPSJTZWxlY3QgV2VlayIgcGlja2VyPSJ3ZWVrIiAvPgogIDwvYS1zcGFjZT4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyI+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIHJldHVybiB7CiAgICAgIHNpemU6IHJlZjxhbnk+KCdkZWZhdWx0JyksCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4KCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXNwYWNlIGRpcmVjdGlvbj0idmVydGljYWwiIDpzaXplPSIxMiI+CiAgICA8YS1yYWRpby1ncm91cCB2LW1vZGVsOnZhbHVlPSJzaXplIj4KICAgICAgPGEtcmFkaW8tYnV0dG9uIHZhbHVlPSJsYXJnZSI+TGFyZ2U8L2EtcmFkaW8tYnV0dG9uPgogICAgICA8YS1yYWRpby1idXR0b24gdmFsdWU9ImRlZmF1bHQiPkRlZmF1bHQ8L2EtcmFkaW8tYnV0dG9uPgogICAgICA8YS1yYWRpby1idXR0b24gdmFsdWU9InNtYWxsIj5TbWFsbDwvYS1yYWRpby1idXR0b24+CiAgICA8L2EtcmFkaW8tZ3JvdXA+CiAgICA8YS1kYXRlLXBpY2tlciA6c2l6ZT0ic2l6ZSIgLz4KICAgIDxhLWRhdGUtcGlja2VyIDpzaXplPSJzaXplIiBwbGFjZWhvbGRlcj0iU2VsZWN0IE1vbnRoIiBwaWNrZXI9Im1vbnRoIiAvPgogICAgPGEtcmFuZ2UtcGlja2VyIDpzaXplPSJzaXplIiAvPgogICAgPGEtZGF0ZS1waWNrZXIgOnNpemU9InNpemUiIHBsYWNlaG9sZGVyPSJTZWxlY3QgV2VlayIgcGlja2VyPSJ3ZWVrIiAvPgogIDwvYS1zcGFjZT4KPC90ZW1wbGF0ZT4KPHNjcmlwdD4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgcmV0dXJuIHsKICAgICAgc2l6ZTogcmVmKCdkZWZhdWx0JyksCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4="}},{default:o(()=>[e(l,{direction:"vertical",size:12},{default:o(()=>[e(u,{value:s.size,"onUpdate:value":t[0]||(t[0]=A=>s.size=A)},{default:o(()=>[e(c,{value:"large"},{default:o(()=>t[1]||(t[1]=[a("Large")])),_:1,__:[1]}),e(c,{value:"default"},{default:o(()=>t[2]||(t[2]=[a("Default")])),_:1,__:[2]}),e(c,{value:"small"},{default:o(()=>t[3]||(t[3]=[a("Small")])),_:1,__:[3]})]),_:1},8,["value"]),e(d,{size:s.size},null,8,["size"]),e(d,{size:s.size,placeholder:"Select Month",picker:"month"},null,8,["size"]),e(r,{size:s.size},null,8,["size"]),e(d,{size:s.size,placeholder:"Select Week",picker:"week"},null,8,["size"])]),_:1})]),htmlCode:o(()=>t[4]||(t[4]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    811. 

  811.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-space")]),a(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("vertical"),n("span",{class:"token punctuation"},'"')]),a(),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"},'"'),a("12"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    812. 

  812.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-radio-group")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("size"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    813. 

  813.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-radio-button")]),a(),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"},'"'),a("large"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Large"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-radio-button")]),n("span",{class:"token punctuation"},">")]),a(`
    814. 

  814.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-radio-button")]),a(),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"},'"'),a("default"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Default"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-radio-button")]),n("span",{class:"token punctuation"},">")]),a(`
    815. 

  815.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-radio-button")]),a(),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"},'"'),a("small"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Small"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-radio-button")]),n("span",{class:"token punctuation"},">")]),a(`
    816. 

  816.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-radio-group")]),n("span",{class:"token punctuation"},">")]),a(`
    817. 

  817.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),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"},'"'),a("size"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    818. 

  818.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),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"},'"'),a("size"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Select Month"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"picker"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("month"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    819. 

  819.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-range-picker")]),a(),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"},'"'),a("size"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    820. 

  820.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),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"},'"'),a("size"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Select Week"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"picker"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("week"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    821. 

  821.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-space")]),n("span",{class:"token punctuation"},">")]),a(`
    822. 

  822. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    823. 

  823. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),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"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
    824. 

  824. `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent"),n("span",{class:"token punctuation"},","),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
    825. 

  825. `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
    826. 

  826.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    827. 

  827.     `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
    828. 

  828.       `),n("span",{class:"token literal-property property"},"size"),n("span",{class:"token operator"},":"),a(" ref"),n("span",{class:"token operator"},"<"),a("any"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'default'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    829. 

  829.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    830. 

  830.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    831. 

  831. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    832. 

  832. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
    833. 

  833. `)])],-1)])),jsVersionHtml:o(()=>t[5]||(t[5]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    834. 

  834.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-space")]),a(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("vertical"),n("span",{class:"token punctuation"},'"')]),a(),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"},'"'),a("12"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    835. 

  835.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-radio-group")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("size"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    836. 

  836.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-radio-button")]),a(),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"},'"'),a("large"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Large"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-radio-button")]),n("span",{class:"token punctuation"},">")]),a(`
    837. 

  837.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-radio-button")]),a(),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"},'"'),a("default"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Default"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-radio-button")]),n("span",{class:"token punctuation"},">")]),a(`
    838. 

  838.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-radio-button")]),a(),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"},'"'),a("small"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Small"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-radio-button")]),n("span",{class:"token punctuation"},">")]),a(`
    839. 

  839.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-radio-group")]),n("span",{class:"token punctuation"},">")]),a(`
    840. 

  840.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),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"},'"'),a("size"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    841. 

  841.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),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"},'"'),a("size"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Select Month"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"picker"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("month"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    842. 

  842.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-range-picker")]),a(),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"},'"'),a("size"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    843. 

  843.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),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"},'"'),a("size"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Select Week"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"picker"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("week"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    844. 

  844.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-space")]),n("span",{class:"token punctuation"},">")]),a(`
    845. 

  845. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    846. 

  846. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
    847. 

  847. `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent"),n("span",{class:"token punctuation"},","),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
    848. 

  848. `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
    849. 

  849.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    850. 

  850.     `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
    851. 

  851.       `),n("span",{class:"token literal-property property"},"size"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'default'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    852. 

  852.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    853. 

  853.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    854. 

  854. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    855. 

  855. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
    856. 

  856. `)])],-1)])),_:1})}const gn=b(kn,[["render",dn]]),mn=f({setup(){return{type:k("time")}}});function hn(s,t,i,h,g,m){const c=p("a-select-option"),u=p("a-select"),d=p("a-time-picker"),r=p("a-date-picker"),l=p("a-space"),v=p("demo-box");return C(),y(v,{jsfiddle:{us:"Switch in different types of pickers by Select.",cn:"\u63D0\u4F9B\u9009\u62E9\u5668\uFF0C\u81EA\u7531\u5207\u6362\u4E0D\u540C\u7C7B\u578B\u7684\u65E5\u671F\u9009\u62E9\u5668\uFF0C\u5E38\u7528\u4E8E\u65E5\u671F\u7B5B\u9009\u573A\u5408\u3002",docHtml:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
    857. 

  857.           <span aria-hidden="true" class="anchor">#</span>
    858. 

  858.         </a></h2>
    859. 

  859. <p>\u63D0\u4F9B\u9009\u62E9\u5668\uFF0C\u81EA\u7531\u5207\u6362\u4E0D\u540C\u7C7B\u578B\u7684\u65E5\u671F\u9009\u62E9\u5668\uFF0C\u5E38\u7528\u4E8E\u65E5\u671F\u7B5B\u9009\u573A\u5408\u3002</p>
    860. 

  860. <h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
    861. 

  861.           <span aria-hidden="true" class="anchor">#</span>
    862. 

  862.         </a></h2>
    863. 

  863. <p>Switch in different types of pickers by Select.</p>
    864. 

  864. `,order:1.1,title:{"zh-CN":"\u5207\u6362\u4E0D\u540C\u7684\u9009\u62E9\u5668","en-US":"Switchable picker"},relativePath:"components/date-picker/demo/switchable.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXNwYWNlIGRpcmVjdGlvbj0idmVydGljYWwiIDpzaXplPSIxMiI+CiAgICA8YS1zZWxlY3Qgdi1tb2RlbDp2YWx1ZT0idHlwZSI+CiAgICAgIDxhLXNlbGVjdC1vcHRpb24gdmFsdWU9InRpbWUiPlRpbWU8L2Etc2VsZWN0LW9wdGlvbj4KICAgICAgPGEtc2VsZWN0LW9wdGlvbiB2YWx1ZT0iZGF0ZSI+RGF0ZTwvYS1zZWxlY3Qtb3B0aW9uPgogICAgICA8YS1zZWxlY3Qtb3B0aW9uIHZhbHVlPSJ3ZWVrIj5XZWVrPC9hLXNlbGVjdC1vcHRpb24+CiAgICAgIDxhLXNlbGVjdC1vcHRpb24gdmFsdWU9Im1vbnRoIj5Nb250aDwvYS1zZWxlY3Qtb3B0aW9uPgogICAgICA8YS1zZWxlY3Qtb3B0aW9uIHZhbHVlPSJxdWFydGVyIj5RdWFydGVyPC9hLXNlbGVjdC1vcHRpb24+CiAgICAgIDxhLXNlbGVjdC1vcHRpb24gdmFsdWU9InllYXIiPlllYXI8L2Etc2VsZWN0LW9wdGlvbj4KICAgIDwvYS1zZWxlY3Q+CiAgICA8dGVtcGxhdGUgdi1pZj0idHlwZSA9PT0gJ3RpbWUnIj4KICAgICAgPGEtdGltZS1waWNrZXIgLz4KICAgIDwvdGVtcGxhdGU+CiAgICA8dGVtcGxhdGUgdi1lbHNlPgogICAgICA8YS1kYXRlLXBpY2tlciA6cGlja2VyPSJ0eXBlIiAvPgogICAgPC90ZW1wbGF0ZT4KICA8L2Etc3BhY2U+CjwvdGVtcGxhdGU+CjxzY3JpcHQgbGFuZz0idHMiPgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICByZXR1cm4gewogICAgICB0eXBlOiByZWY8YW55PigndGltZScpLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXNwYWNlIGRpcmVjdGlvbj0idmVydGljYWwiIDpzaXplPSIxMiI+CiAgICA8YS1zZWxlY3Qgdi1tb2RlbDp2YWx1ZT0idHlwZSI+CiAgICAgIDxhLXNlbGVjdC1vcHRpb24gdmFsdWU9InRpbWUiPlRpbWU8L2Etc2VsZWN0LW9wdGlvbj4KICAgICAgPGEtc2VsZWN0LW9wdGlvbiB2YWx1ZT0iZGF0ZSI+RGF0ZTwvYS1zZWxlY3Qtb3B0aW9uPgogICAgICA8YS1zZWxlY3Qtb3B0aW9uIHZhbHVlPSJ3ZWVrIj5XZWVrPC9hLXNlbGVjdC1vcHRpb24+CiAgICAgIDxhLXNlbGVjdC1vcHRpb24gdmFsdWU9Im1vbnRoIj5Nb250aDwvYS1zZWxlY3Qtb3B0aW9uPgogICAgICA8YS1zZWxlY3Qtb3B0aW9uIHZhbHVlPSJxdWFydGVyIj5RdWFydGVyPC9hLXNlbGVjdC1vcHRpb24+CiAgICAgIDxhLXNlbGVjdC1vcHRpb24gdmFsdWU9InllYXIiPlllYXI8L2Etc2VsZWN0LW9wdGlvbj4KICAgIDwvYS1zZWxlY3Q+CiAgICA8dGVtcGxhdGUgdi1pZj0idHlwZSA9PT0gJ3RpbWUnIj4KICAgICAgPGEtdGltZS1waWNrZXIgLz4KICAgIDwvdGVtcGxhdGU+CiAgICA8dGVtcGxhdGUgdi1lbHNlPgogICAgICA8YS1kYXRlLXBpY2tlciA6cGlja2VyPSJ0eXBlIiAvPgogICAgPC90ZW1wbGF0ZT4KICA8L2Etc3BhY2U+CjwvdGVtcGxhdGU+CjxzY3JpcHQ+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIHJldHVybiB7CiAgICAgIHR5cGU6IHJlZigndGltZScpLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+"}},{default:o(()=>[e(l,{direction:"vertical",size:12},{default:o(()=>[e(u,{value:s.type,"onUpdate:value":t[0]||(t[0]=A=>s.type=A)},{default:o(()=>[e(c,{value:"time"},{default:o(()=>t[1]||(t[1]=[a("Time")])),_:1,__:[1]}),e(c,{value:"date"},{default:o(()=>t[2]||(t[2]=[a("Date")])),_:1,__:[2]}),e(c,{value:"week"},{default:o(()=>t[3]||(t[3]=[a("Week")])),_:1,__:[3]}),e(c,{value:"month"},{default:o(()=>t[4]||(t[4]=[a("Month")])),_:1,__:[4]}),e(c,{value:"quarter"},{default:o(()=>t[5]||(t[5]=[a("Quarter")])),_:1,__:[5]}),e(c,{value:"year"},{default:o(()=>t[6]||(t[6]=[a("Year")])),_:1,__:[6]})]),_:1},8,["value"]),s.type==="time"?(C(),y(d,{key:0})):(C(),y(r,{key:1,picker:s.type},null,8,["picker"]))]),_:1})]),htmlCode:o(()=>t[7]||(t[7]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    865. 

  865.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-space")]),a(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("vertical"),n("span",{class:"token punctuation"},'"')]),a(),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"},'"'),a("12"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    866. 

  866.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("type"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    867. 

  867.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select-option")]),a(),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"},'"'),a("time"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Time"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-select-option")]),n("span",{class:"token punctuation"},">")]),a(`
    868. 

  868.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select-option")]),a(),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"},'"'),a("date"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Date"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-select-option")]),n("span",{class:"token punctuation"},">")]),a(`
    869. 

  869.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select-option")]),a(),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"},'"'),a("week"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Week"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-select-option")]),n("span",{class:"token punctuation"},">")]),a(`
    870. 

  870.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select-option")]),a(),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"},'"'),a("month"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Month"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-select-option")]),n("span",{class:"token punctuation"},">")]),a(`
    871. 

  871.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select-option")]),a(),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"},'"'),a("quarter"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Quarter"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-select-option")]),n("span",{class:"token punctuation"},">")]),a(`
    872. 

  872.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select-option")]),a(),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"},'"'),a("year"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Year"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-select-option")]),n("span",{class:"token punctuation"},">")]),a(`
    873. 

  873.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-select")]),n("span",{class:"token punctuation"},">")]),a(`
    874. 

  874.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("type === 'time'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    875. 

  875.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-time-picker")]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    876. 

  876.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    877. 

  877.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"v-else"),n("span",{class:"token punctuation"},">")]),a(`
    878. 

  878.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),n("span",{class:"token attr-name"},":picker"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("type"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    879. 

  879.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    880. 

  880.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-space")]),n("span",{class:"token punctuation"},">")]),a(`
    881. 

  881. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    882. 

  882. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),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"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
    883. 

  883. `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent"),n("span",{class:"token punctuation"},","),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
    884. 

  884. `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
    885. 

  885.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    886. 

  886.     `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
    887. 

  887.       `),n("span",{class:"token literal-property property"},"type"),n("span",{class:"token operator"},":"),a(" ref"),n("span",{class:"token operator"},"<"),a("any"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'time'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    888. 

  888.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    889. 

  889.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    890. 

  890. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    891. 

  891. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
    892. 

  892. `)])],-1)])),jsVersionHtml:o(()=>t[8]||(t[8]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    893. 

  893.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-space")]),a(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("vertical"),n("span",{class:"token punctuation"},'"')]),a(),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"},'"'),a("12"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    894. 

  894.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("type"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    895. 

  895.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select-option")]),a(),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"},'"'),a("time"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Time"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-select-option")]),n("span",{class:"token punctuation"},">")]),a(`
    896. 

  896.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select-option")]),a(),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"},'"'),a("date"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Date"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-select-option")]),n("span",{class:"token punctuation"},">")]),a(`
    897. 

  897.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select-option")]),a(),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"},'"'),a("week"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Week"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-select-option")]),n("span",{class:"token punctuation"},">")]),a(`
    898. 

  898.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select-option")]),a(),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"},'"'),a("month"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Month"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-select-option")]),n("span",{class:"token punctuation"},">")]),a(`
    899. 

  899.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select-option")]),a(),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"},'"'),a("quarter"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Quarter"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-select-option")]),n("span",{class:"token punctuation"},">")]),a(`
    900. 

  900.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-select-option")]),a(),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"},'"'),a("year"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("Year"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-select-option")]),n("span",{class:"token punctuation"},">")]),a(`
    901. 

  901.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-select")]),n("span",{class:"token punctuation"},">")]),a(`
    902. 

  902.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("type === 'time'"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    903. 

  903.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-time-picker")]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    904. 

  904.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    905. 

  905.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"v-else"),n("span",{class:"token punctuation"},">")]),a(`
    906. 

  906.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),n("span",{class:"token attr-name"},":picker"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("type"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    907. 

  907.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    908. 

  908.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-space")]),n("span",{class:"token punctuation"},">")]),a(`
    909. 

  909. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    910. 

  910. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
    911. 

  911. `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent"),n("span",{class:"token punctuation"},","),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
    912. 

  912. `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
    913. 

  913.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    914. 

  914.     `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
    915. 

  915.       `),n("span",{class:"token literal-property property"},"type"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'time'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    916. 

  916.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    917. 

  917.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    918. 

  918. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    919. 

  919. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
    920. 

  920. `)])],-1)])),_:1})}const In=b(mn,[["render",hn]]),Cn=f({setup(){return{onChange:(g,m)=>{console.log("Selected Time: ",g),console.log("Formatted Selected Time: ",m)},onOk:g=>{console.log("onOk: ",g)},onRangeChange:(g,m)=>{console.log("Selected Time: ",g),console.log("Formatted Selected Time: ",m)},onRangeOk:g=>{console.log("onOk: ",g)}}}});function yn(s,t,i,h,g,m){const c=p("a-date-picker"),u=p("a-range-picker"),d=p("a-space"),r=p("demo-box");return C(),y(r,{jsfiddle:{us:"This property provide an additional time selection. When `showTime` is an Object, its properties will be passed on to built-in `TimePicker`.",cn:"\u589E\u52A0\u9009\u62E9\u65F6\u95F4\u529F\u80FD\uFF0C\u5F53 `showTime` \u4E3A\u4E00\u4E2A\u5BF9\u8C61\u65F6\uFF0C\u5176\u5C5E\u6027\u4F1A\u4F20\u9012\u7ED9\u5185\u5EFA\u7684 `TimePicker`\u3002",docHtml:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
    921. 

  921.           <span aria-hidden="true" class="anchor">#</span>
    922. 

  922.         </a></h2>
    923. 

  923. <p>\u589E\u52A0\u9009\u62E9\u65F6\u95F4\u529F\u80FD\uFF0C\u5F53 <code>showTime</code> \u4E3A\u4E00\u4E2A\u5BF9\u8C61\u65F6\uFF0C\u5176\u5C5E\u6027\u4F1A\u4F20\u9012\u7ED9\u5185\u5EFA\u7684 <code>TimePicker</code>\u3002</p>
    924. 

  924. <h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
    925. 

  925.           <span aria-hidden="true" class="anchor">#</span>
    926. 

  926.         </a></h2>
    927. 

  927. <p>This property provide an additional time selection. When <code>showTime</code> is an Object, its properties will be passed on to built-in <code>TimePicker</code>.</p>
    928. 

  928. `,order:2,title:{"zh-CN":"\u65E5\u671F\u65F6\u95F4\u9009\u62E9","en-US":"Choose Time"},relativePath:"components/date-picker/demo/time.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXNwYWNlIGRpcmVjdGlvbj0idmVydGljYWwiIDpzaXplPSIxMiI+CiAgICA8YS1kYXRlLXBpY2tlciBzaG93LXRpbWUgcGxhY2Vob2xkZXI9IlNlbGVjdCBUaW1lIiBAY2hhbmdlPSJvbkNoYW5nZSIgQG9rPSJvbk9rIiAvPgogICAgPGEtcmFuZ2UtcGlja2VyCiAgICAgIDpzaG93LXRpbWU9InsgZm9ybWF0OiAnSEg6bW0nIH0iCiAgICAgIGZvcm1hdD0iWVlZWS1NTS1ERCBISDptbSIKICAgICAgOnBsYWNlaG9sZGVyPSJbJ1N0YXJ0IFRpbWUnLCAnRW5kIFRpbWUnXSIKICAgICAgQGNoYW5nZT0ib25SYW5nZUNoYW5nZSIKICAgICAgQG9rPSJvblJhbmdlT2siCiAgICAvPgogIDwvYS1zcGFjZT4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyI+CmltcG9ydCB7IERheWpzIH0gZnJvbSAnZGF5anMnOwppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQgfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgY29uc3Qgb25DaGFuZ2UgPSAodmFsdWU6IERheWpzLCBkYXRlU3RyaW5nOiBzdHJpbmcpID0+IHsKICAgICAgY29uc29sZS5sb2coJ1NlbGVjdGVkIFRpbWU6ICcsIHZhbHVlKTsKICAgICAgY29uc29sZS5sb2coJ0Zvcm1hdHRlZCBTZWxlY3RlZCBUaW1lOiAnLCBkYXRlU3RyaW5nKTsKICAgIH07CgogICAgY29uc3Qgb25PayA9ICh2YWx1ZTogRGF5anMpID0+IHsKICAgICAgY29uc29sZS5sb2coJ29uT2s6ICcsIHZhbHVlKTsKICAgIH07CgogICAgY29uc3Qgb25SYW5nZUNoYW5nZSA9ICh2YWx1ZTogW0RheWpzLCBEYXlqc10sIGRhdGVTdHJpbmc6IFtzdHJpbmcsIHN0cmluZ10pID0+IHsKICAgICAgY29uc29sZS5sb2coJ1NlbGVjdGVkIFRpbWU6ICcsIHZhbHVlKTsKICAgICAgY29uc29sZS5sb2coJ0Zvcm1hdHRlZCBTZWxlY3RlZCBUaW1lOiAnLCBkYXRlU3RyaW5nKTsKICAgIH07CgogICAgY29uc3Qgb25SYW5nZU9rID0gKHZhbHVlOiBbRGF5anMsIERheWpzXSkgPT4gewogICAgICBjb25zb2xlLmxvZygnb25PazogJywgdmFsdWUpOwogICAgfTsKCiAgICByZXR1cm4gewogICAgICBvbkNoYW5nZSwKICAgICAgb25PaywKICAgICAgb25SYW5nZUNoYW5nZSwKICAgICAgb25SYW5nZU9rLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXNwYWNlIGRpcmVjdGlvbj0idmVydGljYWwiIDpzaXplPSIxMiI+CiAgICA8YS1kYXRlLXBpY2tlciBzaG93LXRpbWUgcGxhY2Vob2xkZXI9IlNlbGVjdCBUaW1lIiBAY2hhbmdlPSJvbkNoYW5nZSIgQG9rPSJvbk9rIiAvPgogICAgPGEtcmFuZ2UtcGlja2VyCiAgICAgIDpzaG93LXRpbWU9InsgZm9ybWF0OiAnSEg6bW0nIH0iCiAgICAgIGZvcm1hdD0iWVlZWS1NTS1ERCBISDptbSIKICAgICAgOnBsYWNlaG9sZGVyPSJbJ1N0YXJ0IFRpbWUnLCAnRW5kIFRpbWUnXSIKICAgICAgQGNoYW5nZT0ib25SYW5nZUNoYW5nZSIKICAgICAgQG9rPSJvblJhbmdlT2siCiAgICAvPgogIDwvYS1zcGFjZT4KPC90ZW1wbGF0ZT4KPHNjcmlwdD4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50IH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBzZXR1cCgpIHsKICAgIGNvbnN0IG9uQ2hhbmdlID0gKHZhbHVlLCBkYXRlU3RyaW5nKSA9PiB7CiAgICAgIGNvbnNvbGUubG9nKCdTZWxlY3RlZCBUaW1lOiAnLCB2YWx1ZSk7CiAgICAgIGNvbnNvbGUubG9nKCdGb3JtYXR0ZWQgU2VsZWN0ZWQgVGltZTogJywgZGF0ZVN0cmluZyk7CiAgICB9OwogICAgY29uc3Qgb25PayA9IHZhbHVlID0+IHsKICAgICAgY29uc29sZS5sb2coJ29uT2s6ICcsIHZhbHVlKTsKICAgIH07CiAgICBjb25zdCBvblJhbmdlQ2hhbmdlID0gKHZhbHVlLCBkYXRlU3RyaW5nKSA9PiB7CiAgICAgIGNvbnNvbGUubG9nKCdTZWxlY3RlZCBUaW1lOiAnLCB2YWx1ZSk7CiAgICAgIGNvbnNvbGUubG9nKCdGb3JtYXR0ZWQgU2VsZWN0ZWQgVGltZTogJywgZGF0ZVN0cmluZyk7CiAgICB9OwogICAgY29uc3Qgb25SYW5nZU9rID0gdmFsdWUgPT4gewogICAgICBjb25zb2xlLmxvZygnb25PazogJywgdmFsdWUpOwogICAgfTsKICAgIHJldHVybiB7CiAgICAgIG9uQ2hhbmdlLAogICAgICBvbk9rLAogICAgICBvblJhbmdlQ2hhbmdlLAogICAgICBvblJhbmdlT2ssCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4="}},{default:o(()=>[e(d,{direction:"vertical",size:12},{default:o(()=>[e(c,{"show-time":"",placeholder:"Select Time",onChange:s.onChange,onOk:s.onOk},null,8,["onChange","onOk"]),e(u,{"show-time":{format:"HH:mm"},format:"YYYY-MM-DD HH:mm",placeholder:["Start Time","End Time"],onChange:s.onRangeChange,onOk:s.onRangeOk},null,8,["onChange","onOk"])]),_:1})]),htmlCode:o(()=>t[0]||(t[0]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    929. 

  929.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-space")]),a(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("vertical"),n("span",{class:"token punctuation"},'"')]),a(),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"},'"'),a("12"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    930. 

  930.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),n("span",{class:"token attr-name"},"show-time"),a(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Select Time"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("onChange"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@ok"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("onOk"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    931. 

  931.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-range-picker")]),a(`
    932. 

  932.       `),n("span",{class:"token attr-name"},":show-time"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ format: 'HH:mm' }"),n("span",{class:"token punctuation"},'"')]),a(`
    933. 

  933.       `),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"},'"'),a("YYYY-MM-DD HH:mm"),n("span",{class:"token punctuation"},'"')]),a(`
    934. 

  934.       `),n("span",{class:"token attr-name"},":placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("['Start Time', 'End Time']"),n("span",{class:"token punctuation"},'"')]),a(`
    935. 

  935.       `),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("onRangeChange"),n("span",{class:"token punctuation"},'"')]),a(`
    936. 

  936.       `),n("span",{class:"token attr-name"},"@ok"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("onRangeOk"),n("span",{class:"token punctuation"},'"')]),a(`
    937. 

  937.     `),n("span",{class:"token punctuation"},"/>")]),a(`
    938. 

  938.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-space")]),n("span",{class:"token punctuation"},">")]),a(`
    939. 

  939. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    940. 

  940. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),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"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
    941. 

  941. `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" Dayjs "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'dayjs'"),n("span",{class:"token punctuation"},";"),a(`
    942. 

  942. `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
    943. 

  943. `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
    944. 

  944.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    945. 

  945.     `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"onChange"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(" Dayjs"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"dateString"),n("span",{class:"token operator"},":"),a(" string")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
    946. 

  946.       console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Selected Time: '"),n("span",{class:"token punctuation"},","),a(" value"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    947. 

  947.       console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Formatted Selected Time: '"),n("span",{class:"token punctuation"},","),a(" dateString"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    948. 

  948.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    949. 

  949. 

  950.     `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"onOk"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(" Dayjs")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
    951. 

  951.       console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'onOk: '"),n("span",{class:"token punctuation"},","),a(" value"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    952. 

  952.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    953. 

  953. 

  954.     `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"onRangeChange"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a("Dayjs"),n("span",{class:"token punctuation"},","),a(" Dayjs"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"dateString"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a("string"),n("span",{class:"token punctuation"},","),a(" string"),n("span",{class:"token punctuation"},"]")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
    955. 

  955.       console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Selected Time: '"),n("span",{class:"token punctuation"},","),a(" value"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    956. 

  956.       console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Formatted Selected Time: '"),n("span",{class:"token punctuation"},","),a(" dateString"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    957. 

  957.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    958. 

  958. 

  959.     `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"onRangeOk"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"value"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a("Dayjs"),n("span",{class:"token punctuation"},","),a(" Dayjs"),n("span",{class:"token punctuation"},"]")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
    960. 

  960.       console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'onOk: '"),n("span",{class:"token punctuation"},","),a(" value"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    961. 

  961.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    962. 

  962. 

  963.     `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
    964. 

  964.       onChange`),n("span",{class:"token punctuation"},","),a(`
    965. 

  965.       onOk`),n("span",{class:"token punctuation"},","),a(`
    966. 

  966.       onRangeChange`),n("span",{class:"token punctuation"},","),a(`
    967. 

  967.       onRangeOk`),n("span",{class:"token punctuation"},","),a(`
    968. 

  968.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    969. 

  969.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    970. 

  970. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    971. 

  971. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
    972. 

  972. `)])],-1)])),jsVersionHtml:o(()=>t[1]||(t[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    973. 

  973.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-space")]),a(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("vertical"),n("span",{class:"token punctuation"},'"')]),a(),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"},'"'),a("12"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    974. 

  974.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),n("span",{class:"token attr-name"},"show-time"),a(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Select Time"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("onChange"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@ok"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("onOk"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    975. 

  975.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-range-picker")]),a(`
    976. 

  976.       `),n("span",{class:"token attr-name"},":show-time"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{ format: 'HH:mm' }"),n("span",{class:"token punctuation"},'"')]),a(`
    977. 

  977.       `),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"},'"'),a("YYYY-MM-DD HH:mm"),n("span",{class:"token punctuation"},'"')]),a(`
    978. 

  978.       `),n("span",{class:"token attr-name"},":placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("['Start Time', 'End Time']"),n("span",{class:"token punctuation"},'"')]),a(`
    979. 

  979.       `),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("onRangeChange"),n("span",{class:"token punctuation"},'"')]),a(`
    980. 

  980.       `),n("span",{class:"token attr-name"},"@ok"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("onRangeOk"),n("span",{class:"token punctuation"},'"')]),a(`
    981. 

  981.     `),n("span",{class:"token punctuation"},"/>")]),a(`
    982. 

  982.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-space")]),n("span",{class:"token punctuation"},">")]),a(`
    983. 

  983. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    984. 

  984. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
    985. 

  985. `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
    986. 

  986. `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
    987. 

  987.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    988. 

  988.     `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"onChange"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("value"),n("span",{class:"token punctuation"},","),a(" dateString")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
    989. 

  989.       console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Selected Time: '"),n("span",{class:"token punctuation"},","),a(" value"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    990. 

  990.       console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Formatted Selected Time: '"),n("span",{class:"token punctuation"},","),a(" dateString"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    991. 

  991.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    992. 

  992.     `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"onOk"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token parameter"},"value"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
    993. 

  993.       console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'onOk: '"),n("span",{class:"token punctuation"},","),a(" value"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    994. 

  994.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    995. 

  995.     `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"onRangeChange"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("value"),n("span",{class:"token punctuation"},","),a(" dateString")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
    996. 

  996.       console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Selected Time: '"),n("span",{class:"token punctuation"},","),a(" value"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    997. 

  997.       console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'Formatted Selected Time: '"),n("span",{class:"token punctuation"},","),a(" dateString"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    998. 

  998.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    999. 

  999.     `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"onRangeOk"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token parameter"},"value"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
    1000. 

  1000.       console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'onOk: '"),n("span",{class:"token punctuation"},","),a(" value"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    1001. 

  1001.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    1002. 

  1002.     `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
    1003. 

  1003.       onChange`),n("span",{class:"token punctuation"},","),a(`
    1004. 

  1004.       onOk`),n("span",{class:"token punctuation"},","),a(`
    1005. 

  1005.       onRangeChange`),n("span",{class:"token punctuation"},","),a(`
    1006. 

  1006.       onRangeOk`),n("span",{class:"token punctuation"},","),a(`
    1007. 

  1007.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    1008. 

  1008.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    1009. 

  1009. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    1010. 

  1010. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
    1011. 

  1011. `)])],-1)])),_:1})}const bn=b(Cn,[["render",yn]]),fn=f({components:{SmileOutlined:X},setup(){return{onChange:(i,h)=>{console.log(i,h)},onRangeChange:(i,h)=>{console.log(i,h)}}}});function vn(s,t,i,h,g,m){const c=p("SmileOutlined"),u=p("a-date-picker"),d=p("a-range-picker"),r=p("a-space"),l=p("demo-box");return C(),y(l,{jsfiddle:{us:"Customize the suffix icon through `suffixIcon`",cn:"\u901A\u8FC7 `suffixIcon` \u81EA\u5B9A\u4E49\u540E\u7F00\u56FE\u6807",docHtml:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
    1012. 

  1012.           <span aria-hidden="true" class="anchor">#</span>
    1013. 

  1013.         </a></h2>
    1014. 

  1014. <p>\u901A\u8FC7 <code>suffixIcon</code> \u81EA\u5B9A\u4E49\u540E\u7F00\u56FE\u6807</p>
    1015. 

  1015. <h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
    1016. 

  1016.           <span aria-hidden="true" class="anchor">#</span>
    1017. 

  1017.         </a></h2>
    1018. 

  1018. <p>Customize the suffix icon through <code>suffixIcon</code></p>
    1019. 

  1019. `,order:13,title:{"zh-CN":"\u540E\u7F00\u56FE\u6807","en-US":"Suffix"},relativePath:"components/date-picker/demo/suffix.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXNwYWNlIGRpcmVjdGlvbj0idmVydGljYWwiPgogICAgPGEtZGF0ZS1waWNrZXIgQGNoYW5nZT0ib25DaGFuZ2UiPgogICAgICA8dGVtcGxhdGUgI3N1ZmZpeEljb24+CiAgICAgICAgPFNtaWxlT3V0bGluZWQgLz4KICAgICAgPC90ZW1wbGF0ZT4KICAgIDwvYS1kYXRlLXBpY2tlcj4KICAgIDxhLWRhdGUtcGlja2VyIHBsYWNlaG9sZGVyPSJTZWxlY3QgbW9udGgiIHBpY2tlcj0ibW9udGgiIEBjaGFuZ2U9Im9uQ2hhbmdlIj4KICAgICAgPHRlbXBsYXRlICNzdWZmaXhJY29uPgogICAgICAgIDxTbWlsZU91dGxpbmVkIC8+CiAgICAgIDwvdGVtcGxhdGU+CiAgICA8L2EtZGF0ZS1waWNrZXI+CiAgICA8YS1yYW5nZS1waWNrZXIgQGNoYW5nZT0ib25SYW5nZUNoYW5nZSI+CiAgICAgIDx0ZW1wbGF0ZSAjc3VmZml4SWNvbj4KICAgICAgICA8U21pbGVPdXRsaW5lZCAvPgogICAgICA8L3RlbXBsYXRlPgogICAgPC9hLXJhbmdlLXBpY2tlcj4KICAgIDxhLWRhdGUtcGlja2VyIHBsYWNlaG9sZGVyPSJTZWxlY3Qgd2VlayIgcGlja2VyPSJ3ZWVrIiBAY2hhbmdlPSJvbkNoYW5nZSI+CiAgICAgIDx0ZW1wbGF0ZSAjc3VmZml4SWNvbj4KICAgICAgICA8U21pbGVPdXRsaW5lZCAvPgogICAgICA8L3RlbXBsYXRlPgogICAgPC9hLWRhdGUtcGlja2VyPgogICAgPGEtZGF0ZS1waWNrZXIgc3VmZml4LWljb249ImFiIiBAY2hhbmdlPSJvbkNoYW5nZSIgLz4KICAgIDxhLWRhdGUtcGlja2VyIHN1ZmZpeC1pY29uPSJhYiIgcGxhY2Vob2xkZXI9IlNlbGVjdCBtb250aCIgcGlja2VyPSJtb250aCIgQGNoYW5nZT0ib25DaGFuZ2UiIC8+CiAgICA8YS1yYW5nZS1waWNrZXIgc3VmZml4LWljb249ImFiIiBAY2hhbmdlPSJvblJhbmdlQ2hhbmdlIiAvPgogICAgPGEtZGF0ZS1waWNrZXIgc3VmZml4LWljb249ImFiIiBwbGFjZWhvbGRlcj0iU2VsZWN0IHdlZWsiIHBpY2tlcj0id2VlayIgQGNoYW5nZT0ib25DaGFuZ2UiIC8+CiAgPC9hLXNwYWNlPgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IHsgU21pbGVPdXRsaW5lZCB9IGZyb20gJ0BhbnQtZGVzaWduL2ljb25zLXZ1ZSc7CmltcG9ydCB7IERheWpzIH0gZnJvbSAnZGF5anMnOwppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQgfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIGNvbXBvbmVudHM6IHsKICAgIFNtaWxlT3V0bGluZWQsCiAgfSwKICBzZXR1cCgpIHsKICAgIGNvbnN0IG9uQ2hhbmdlID0gKGRhdGU6IERheWpzIHwgc3RyaW5nLCBkYXRlU3RyaW5nOiBzdHJpbmcpID0+IHsKICAgICAgY29uc29sZS5sb2coZGF0ZSwgZGF0ZVN0cmluZyk7CiAgICB9OwoKICAgIGNvbnN0IG9uUmFuZ2VDaGFuZ2UgPSAoZGF0ZTogW0RheWpzLCBEYXlqc10sIGRhdGVTdHJpbmc6IFtzdHJpbmcsIHN0cmluZ10pID0+IHsKICAgICAgY29uc29sZS5sb2coZGF0ZSwgZGF0ZVN0cmluZyk7CiAgICB9OwogICAgcmV0dXJuIHsKICAgICAgb25DaGFuZ2UsCiAgICAgIG9uUmFuZ2VDaGFuZ2UsCiAgICB9OwogIH0sCn0pOwo8L3NjcmlwdD4KCg==",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXNwYWNlIGRpcmVjdGlvbj0idmVydGljYWwiPgogICAgPGEtZGF0ZS1waWNrZXIgQGNoYW5nZT0ib25DaGFuZ2UiPgogICAgICA8dGVtcGxhdGUgI3N1ZmZpeEljb24+CiAgICAgICAgPFNtaWxlT3V0bGluZWQgLz4KICAgICAgPC90ZW1wbGF0ZT4KICAgIDwvYS1kYXRlLXBpY2tlcj4KICAgIDxhLWRhdGUtcGlja2VyIHBsYWNlaG9sZGVyPSJTZWxlY3QgbW9udGgiIHBpY2tlcj0ibW9udGgiIEBjaGFuZ2U9Im9uQ2hhbmdlIj4KICAgICAgPHRlbXBsYXRlICNzdWZmaXhJY29uPgogICAgICAgIDxTbWlsZU91dGxpbmVkIC8+CiAgICAgIDwvdGVtcGxhdGU+CiAgICA8L2EtZGF0ZS1waWNrZXI+CiAgICA8YS1yYW5nZS1waWNrZXIgQGNoYW5nZT0ib25SYW5nZUNoYW5nZSI+CiAgICAgIDx0ZW1wbGF0ZSAjc3VmZml4SWNvbj4KICAgICAgICA8U21pbGVPdXRsaW5lZCAvPgogICAgICA8L3RlbXBsYXRlPgogICAgPC9hLXJhbmdlLXBpY2tlcj4KICAgIDxhLWRhdGUtcGlja2VyIHBsYWNlaG9sZGVyPSJTZWxlY3Qgd2VlayIgcGlja2VyPSJ3ZWVrIiBAY2hhbmdlPSJvbkNoYW5nZSI+CiAgICAgIDx0ZW1wbGF0ZSAjc3VmZml4SWNvbj4KICAgICAgICA8U21pbGVPdXRsaW5lZCAvPgogICAgICA8L3RlbXBsYXRlPgogICAgPC9hLWRhdGUtcGlja2VyPgogICAgPGEtZGF0ZS1waWNrZXIgc3VmZml4LWljb249ImFiIiBAY2hhbmdlPSJvbkNoYW5nZSIgLz4KICAgIDxhLWRhdGUtcGlja2VyIHN1ZmZpeC1pY29uPSJhYiIgcGxhY2Vob2xkZXI9IlNlbGVjdCBtb250aCIgcGlja2VyPSJtb250aCIgQGNoYW5nZT0ib25DaGFuZ2UiIC8+CiAgICA8YS1yYW5nZS1waWNrZXIgc3VmZml4LWljb249ImFiIiBAY2hhbmdlPSJvblJhbmdlQ2hhbmdlIiAvPgogICAgPGEtZGF0ZS1waWNrZXIgc3VmZml4LWljb249ImFiIiBwbGFjZWhvbGRlcj0iU2VsZWN0IHdlZWsiIHBpY2tlcj0id2VlayIgQGNoYW5nZT0ib25DaGFuZ2UiIC8+CiAgPC9hLXNwYWNlPgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgeyBTbWlsZU91dGxpbmVkIH0gZnJvbSAnQGFudC1kZXNpZ24vaWNvbnMtdnVlJzsKaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50IH0gZnJvbSAndnVlJzsKZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29tcG9uZW50KHsKICBjb21wb25lbnRzOiB7CiAgICBTbWlsZU91dGxpbmVkLAogIH0sCiAgc2V0dXAoKSB7CiAgICBjb25zdCBvbkNoYW5nZSA9IChkYXRlLCBkYXRlU3RyaW5nKSA9PiB7CiAgICAgIGNvbnNvbGUubG9nKGRhdGUsIGRhdGVTdHJpbmcpOwogICAgfTsKICAgIGNvbnN0IG9uUmFuZ2VDaGFuZ2UgPSAoZGF0ZSwgZGF0ZVN0cmluZykgPT4gewogICAgICBjb25zb2xlLmxvZyhkYXRlLCBkYXRlU3RyaW5nKTsKICAgIH07CiAgICByZXR1cm4gewogICAgICBvbkNoYW5nZSwKICAgICAgb25SYW5nZUNoYW5nZSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pg=="}},{default:o(()=>[e(r,{direction:"vertical"},{default:o(()=>[e(u,{onChange:s.onChange},{suffixIcon:o(()=>[e(c)]),_:1},8,["onChange"]),e(u,{placeholder:"Select month",picker:"month",onChange:s.onChange},{suffixIcon:o(()=>[e(c)]),_:1},8,["onChange"]),e(d,{onChange:s.onRangeChange},{suffixIcon:o(()=>[e(c)]),_:1},8,["onChange"]),e(u,{placeholder:"Select week",picker:"week",onChange:s.onChange},{suffixIcon:o(()=>[e(c)]),_:1},8,["onChange"]),e(u,{"suffix-icon":"ab",onChange:s.onChange},null,8,["onChange"]),e(u,{"suffix-icon":"ab",placeholder:"Select month",picker:"month",onChange:s.onChange},null,8,["onChange"]),e(d,{"suffix-icon":"ab",onChange:s.onRangeChange},null,8,["onChange"]),e(u,{"suffix-icon":"ab",placeholder:"Select week",picker:"week",onChange:s.onChange},null,8,["onChange"])]),_:1})]),htmlCode:o(()=>t[0]||(t[0]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    1020. 

  1020.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-space")]),a(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("vertical"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    1021. 

  1021.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("onChange"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    1022. 

  1022.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#suffixIcon"),n("span",{class:"token punctuation"},">")]),a(`
    1023. 

  1023.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("SmileOutlined")]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    1024. 

  1024.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    1025. 

  1025.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-date-picker")]),n("span",{class:"token punctuation"},">")]),a(`
    1026. 

  1026.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Select month"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"picker"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("month"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("onChange"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    1027. 

  1027.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#suffixIcon"),n("span",{class:"token punctuation"},">")]),a(`
    1028. 

  1028.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("SmileOutlined")]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    1029. 

  1029.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    1030. 

  1030.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-date-picker")]),n("span",{class:"token punctuation"},">")]),a(`
    1031. 

  1031.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-range-picker")]),a(),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("onRangeChange"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    1032. 

  1032.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#suffixIcon"),n("span",{class:"token punctuation"},">")]),a(`
    1033. 

  1033.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("SmileOutlined")]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    1034. 

  1034.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    1035. 

  1035.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-range-picker")]),n("span",{class:"token punctuation"},">")]),a(`
    1036. 

  1036.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Select week"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"picker"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("week"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("onChange"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    1037. 

  1037.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#suffixIcon"),n("span",{class:"token punctuation"},">")]),a(`
    1038. 

  1038.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("SmileOutlined")]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    1039. 

  1039.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    1040. 

  1040.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-date-picker")]),n("span",{class:"token punctuation"},">")]),a(`
    1041. 

  1041.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),n("span",{class:"token attr-name"},"suffix-icon"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ab"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("onChange"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    1042. 

  1042.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),n("span",{class:"token attr-name"},"suffix-icon"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ab"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Select month"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"picker"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("month"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("onChange"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    1043. 

  1043.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-range-picker")]),a(),n("span",{class:"token attr-name"},"suffix-icon"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ab"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("onRangeChange"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    1044. 

  1044.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),n("span",{class:"token attr-name"},"suffix-icon"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ab"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Select week"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"picker"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("week"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("onChange"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    1045. 

  1045.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-space")]),n("span",{class:"token punctuation"},">")]),a(`
    1046. 

  1046. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    1047. 

  1047. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),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"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
    1048. 

  1048. `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" SmileOutlined "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'@ant-design/icons-vue'"),n("span",{class:"token punctuation"},";"),a(`
    1049. 

  1049. `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" Dayjs "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'dayjs'"),n("span",{class:"token punctuation"},";"),a(`
    1050. 

  1050. `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
    1051. 

  1051. `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
    1052. 

  1052.   `),n("span",{class:"token literal-property property"},"components"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"{"),a(`
    1053. 

  1053.     SmileOutlined`),n("span",{class:"token punctuation"},","),a(`
    1054. 

  1054.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    1055. 

  1055.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    1056. 

  1056.     `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"onChange"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"date"),n("span",{class:"token operator"},":"),a(" Dayjs "),n("span",{class:"token operator"},"|"),a(" string"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"dateString"),n("span",{class:"token operator"},":"),a(" string")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
    1057. 

  1057.       console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),a("date"),n("span",{class:"token punctuation"},","),a(" dateString"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    1058. 

  1058.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    1059. 

  1059. 

  1060.     `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"onRangeChange"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token literal-property property"},"date"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a("Dayjs"),n("span",{class:"token punctuation"},","),a(" Dayjs"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token literal-property property"},"dateString"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),a("string"),n("span",{class:"token punctuation"},","),a(" string"),n("span",{class:"token punctuation"},"]")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
    1061. 

  1061.       console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),a("date"),n("span",{class:"token punctuation"},","),a(" dateString"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    1062. 

  1062.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    1063. 

  1063.     `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
    1064. 

  1064.       onChange`),n("span",{class:"token punctuation"},","),a(`
    1065. 

  1065.       onRangeChange`),n("span",{class:"token punctuation"},","),a(`
    1066. 

  1066.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    1067. 

  1067.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    1068. 

  1068. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    1069. 

  1069. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
    1070. 

  1070. `)])],-1)])),jsVersionHtml:o(()=>t[1]||(t[1]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    1071. 

  1071.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-space")]),a(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("vertical"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    1072. 

  1072.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("onChange"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    1073. 

  1073.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#suffixIcon"),n("span",{class:"token punctuation"},">")]),a(`
    1074. 

  1074.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("SmileOutlined")]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    1075. 

  1075.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    1076. 

  1076.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-date-picker")]),n("span",{class:"token punctuation"},">")]),a(`
    1077. 

  1077.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Select month"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"picker"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("month"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("onChange"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    1078. 

  1078.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#suffixIcon"),n("span",{class:"token punctuation"},">")]),a(`
    1079. 

  1079.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("SmileOutlined")]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    1080. 

  1080.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    1081. 

  1081.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-date-picker")]),n("span",{class:"token punctuation"},">")]),a(`
    1082. 

  1082.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-range-picker")]),a(),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("onRangeChange"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    1083. 

  1083.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#suffixIcon"),n("span",{class:"token punctuation"},">")]),a(`
    1084. 

  1084.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("SmileOutlined")]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    1085. 

  1085.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    1086. 

  1086.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-range-picker")]),n("span",{class:"token punctuation"},">")]),a(`
    1087. 

  1087.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Select week"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"picker"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("week"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("onChange"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    1088. 

  1088.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#suffixIcon"),n("span",{class:"token punctuation"},">")]),a(`
    1089. 

  1089.         `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("SmileOutlined")]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    1090. 

  1090.       `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    1091. 

  1091.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-date-picker")]),n("span",{class:"token punctuation"},">")]),a(`
    1092. 

  1092.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),n("span",{class:"token attr-name"},"suffix-icon"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ab"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("onChange"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    1093. 

  1093.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),n("span",{class:"token attr-name"},"suffix-icon"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ab"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Select month"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"picker"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("month"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("onChange"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    1094. 

  1094.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-range-picker")]),a(),n("span",{class:"token attr-name"},"suffix-icon"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ab"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("onRangeChange"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    1095. 

  1095.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),n("span",{class:"token attr-name"},"suffix-icon"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ab"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("Select week"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"picker"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("week"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("onChange"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    1096. 

  1096.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-space")]),n("span",{class:"token punctuation"},">")]),a(`
    1097. 

  1097. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    1098. 

  1098. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
    1099. 

  1099. `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" SmileOutlined "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'@ant-design/icons-vue'"),n("span",{class:"token punctuation"},";"),a(`
    1100. 

  1100. `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
    1101. 

  1101. `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
    1102. 

  1102.   `),n("span",{class:"token literal-property property"},"components"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"{"),a(`
    1103. 

  1103.     SmileOutlined`),n("span",{class:"token punctuation"},","),a(`
    1104. 

  1104.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    1105. 

  1105.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    1106. 

  1106.     `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"onChange"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("date"),n("span",{class:"token punctuation"},","),a(" dateString")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
    1107. 

  1107.       console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),a("date"),n("span",{class:"token punctuation"},","),a(" dateString"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    1108. 

  1108.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    1109. 

  1109.     `),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"onRangeChange"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("date"),n("span",{class:"token punctuation"},","),a(" dateString")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
    1110. 

  1110.       console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),a("date"),n("span",{class:"token punctuation"},","),a(" dateString"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    1111. 

  1111.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    1112. 

  1112.     `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
    1113. 

  1113.       onChange`),n("span",{class:"token punctuation"},","),a(`
    1114. 

  1114.       onRangeChange`),n("span",{class:"token punctuation"},","),a(`
    1115. 

  1115.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    1116. 

  1116.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    1117. 

  1117. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    1118. 

  1118. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
    1119. 

  1119. `)])],-1)])),_:1})}const An=b(fn,[["render",vn]]),Zn=f({setup(){return{value1:k(),value2:k(),value3:k(),value4:k(),value5:k(),value6:k(),value7:k(),value8:k(),value9:k()}}});function wn(s,t,i,h,g,m){const c=p("a-date-picker"),u=p("a-range-picker"),d=p("a-space"),r=p("demo-box");return C(),y(r,{jsfiddle:{us:"Bordered-less style component.",cn:"\u65E0\u8FB9\u6846\u6837\u5F0F\u3002",docHtml:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
    1120. 

  1120.           <span aria-hidden="true" class="anchor">#</span>
    1121. 

  1121.         </a></h2>
    1122. 

  1122. <p>\u65E0\u8FB9\u6846\u6837\u5F0F\u3002</p>
    1123. 

  1123. <h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
    1124. 

  1124.           <span aria-hidden="true" class="anchor">#</span>
    1125. 

  1125.         </a></h2>
    1126. 

  1126. <p>Bordered-less style component.</p>
    1127. 

  1127. `,order:23,title:{"zh-CN":"\u65E0\u8FB9\u6846","en-US":"Bordered-less"},relativePath:"components/date-picker/demo/bordered.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXNwYWNlIGRpcmVjdGlvbj0idmVydGljYWwiIDpzaXplPSIxMiI+CiAgICA8YS1kYXRlLXBpY2tlciB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTEiIDpib3JkZXJlZD0iZmFsc2UiIC8+CiAgICA8YS1kYXRlLXBpY2tlciB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTIiIHBpY2tlcj0id2VlayIgOmJvcmRlcmVkPSJmYWxzZSIgLz4KICAgIDxhLWRhdGUtcGlja2VyIHYtbW9kZWw6dmFsdWU9InZhbHVlMyIgcGlja2VyPSJtb250aCIgOmJvcmRlcmVkPSJmYWxzZSIgLz4KICAgIDxhLWRhdGUtcGlja2VyIHYtbW9kZWw6dmFsdWU9InZhbHVlNCIgcGlja2VyPSJxdWFydGVyIiA6Ym9yZGVyZWQ9ImZhbHNlIiAvPgogICAgPGEtZGF0ZS1waWNrZXIgdi1tb2RlbDp2YWx1ZT0idmFsdWU1IiBwaWNrZXI9InllYXIiIDpib3JkZXJlZD0iZmFsc2UiIC8+CgogICAgPGEtcmFuZ2UtcGlja2VyIHYtbW9kZWw6dmFsdWU9InZhbHVlNiIgOmJvcmRlcmVkPSJmYWxzZSIgLz4KICAgIDxhLXJhbmdlLXBpY2tlciB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTciIHBpY2tlcj0id2VlayIgOmJvcmRlcmVkPSJmYWxzZSIgLz4KICAgIDxhLXJhbmdlLXBpY2tlciB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTgiIHBpY2tlcj0ibW9udGgiIDpib3JkZXJlZD0iZmFsc2UiIC8+CiAgICA8YS1yYW5nZS1waWNrZXIgdi1tb2RlbDp2YWx1ZT0idmFsdWU5IiBwaWNrZXI9InllYXIiIDpib3JkZXJlZD0iZmFsc2UiIC8+CiAgPC9hLXNwYWNlPgo8L3RlbXBsYXRlPgo8c2NyaXB0IGxhbmc9InRzIj4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwppbXBvcnQgdHlwZSB7IERheWpzIH0gZnJvbSAnZGF5anMnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgcmV0dXJuIHsKICAgICAgdmFsdWUxOiByZWY8RGF5anM+KCksCiAgICAgIHZhbHVlMjogcmVmPERheWpzPigpLAogICAgICB2YWx1ZTM6IHJlZjxEYXlqcz4oKSwKICAgICAgdmFsdWU0OiByZWY8RGF5anM+KCksCiAgICAgIHZhbHVlNTogcmVmPERheWpzPigpLAogICAgICB2YWx1ZTY6IHJlZjxbRGF5anMsIERheWpzXT4oKSwKICAgICAgdmFsdWU3OiByZWY8W0RheWpzLCBEYXlqc10+KCksCiAgICAgIHZhbHVlODogcmVmPFtEYXlqcywgRGF5anNdPigpLAogICAgICB2YWx1ZTk6IHJlZjxbRGF5anMsIERheWpzXT4oKSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0PgoK",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXNwYWNlIGRpcmVjdGlvbj0idmVydGljYWwiIDpzaXplPSIxMiI+CiAgICA8YS1kYXRlLXBpY2tlciB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTEiIDpib3JkZXJlZD0iZmFsc2UiIC8+CiAgICA8YS1kYXRlLXBpY2tlciB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTIiIHBpY2tlcj0id2VlayIgOmJvcmRlcmVkPSJmYWxzZSIgLz4KICAgIDxhLWRhdGUtcGlja2VyIHYtbW9kZWw6dmFsdWU9InZhbHVlMyIgcGlja2VyPSJtb250aCIgOmJvcmRlcmVkPSJmYWxzZSIgLz4KICAgIDxhLWRhdGUtcGlja2VyIHYtbW9kZWw6dmFsdWU9InZhbHVlNCIgcGlja2VyPSJxdWFydGVyIiA6Ym9yZGVyZWQ9ImZhbHNlIiAvPgogICAgPGEtZGF0ZS1waWNrZXIgdi1tb2RlbDp2YWx1ZT0idmFsdWU1IiBwaWNrZXI9InllYXIiIDpib3JkZXJlZD0iZmFsc2UiIC8+CgogICAgPGEtcmFuZ2UtcGlja2VyIHYtbW9kZWw6dmFsdWU9InZhbHVlNiIgOmJvcmRlcmVkPSJmYWxzZSIgLz4KICAgIDxhLXJhbmdlLXBpY2tlciB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTciIHBpY2tlcj0id2VlayIgOmJvcmRlcmVkPSJmYWxzZSIgLz4KICAgIDxhLXJhbmdlLXBpY2tlciB2LW1vZGVsOnZhbHVlPSJ2YWx1ZTgiIHBpY2tlcj0ibW9udGgiIDpib3JkZXJlZD0iZmFsc2UiIC8+CiAgICA8YS1yYW5nZS1waWNrZXIgdi1tb2RlbDp2YWx1ZT0idmFsdWU5IiBwaWNrZXI9InllYXIiIDpib3JkZXJlZD0iZmFsc2UiIC8+CiAgPC9hLXNwYWNlPgo8L3RlbXBsYXRlPgo8c2NyaXB0PgppbXBvcnQgeyBkZWZpbmVDb21wb25lbnQsIHJlZiB9IGZyb20gJ3Z1ZSc7CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICByZXR1cm4gewogICAgICB2YWx1ZTE6IHJlZigpLAogICAgICB2YWx1ZTI6IHJlZigpLAogICAgICB2YWx1ZTM6IHJlZigpLAogICAgICB2YWx1ZTQ6IHJlZigpLAogICAgICB2YWx1ZTU6IHJlZigpLAogICAgICB2YWx1ZTY6IHJlZigpLAogICAgICB2YWx1ZTc6IHJlZigpLAogICAgICB2YWx1ZTg6IHJlZigpLAogICAgICB2YWx1ZTk6IHJlZigpLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+"}},{default:o(()=>[e(d,{direction:"vertical",size:12},{default:o(()=>[e(c,{value:s.value1,"onUpdate:value":t[0]||(t[0]=l=>s.value1=l),bordered:!1},null,8,["value"]),e(c,{value:s.value2,"onUpdate:value":t[1]||(t[1]=l=>s.value2=l),picker:"week",bordered:!1},null,8,["value"]),e(c,{value:s.value3,"onUpdate:value":t[2]||(t[2]=l=>s.value3=l),picker:"month",bordered:!1},null,8,["value"]),e(c,{value:s.value4,"onUpdate:value":t[3]||(t[3]=l=>s.value4=l),picker:"quarter",bordered:!1},null,8,["value"]),e(c,{value:s.value5,"onUpdate:value":t[4]||(t[4]=l=>s.value5=l),picker:"year",bordered:!1},null,8,["value"]),e(u,{value:s.value6,"onUpdate:value":t[5]||(t[5]=l=>s.value6=l),bordered:!1},null,8,["value"]),e(u,{value:s.value7,"onUpdate:value":t[6]||(t[6]=l=>s.value7=l),picker:"week",bordered:!1},null,8,["value"]),e(u,{value:s.value8,"onUpdate:value":t[7]||(t[7]=l=>s.value8=l),picker:"month",bordered:!1},null,8,["value"]),e(u,{value:s.value9,"onUpdate:value":t[8]||(t[8]=l=>s.value9=l),picker:"year",bordered:!1},null,8,["value"])]),_:1})]),htmlCode:o(()=>t[9]||(t[9]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    1128. 

  1128.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-space")]),a(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("vertical"),n("span",{class:"token punctuation"},'"')]),a(),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"},'"'),a("12"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    1129. 

  1129.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value1"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":bordered"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("false"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    1130. 

  1130.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value2"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"picker"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("week"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":bordered"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("false"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    1131. 

  1131.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value3"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"picker"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("month"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":bordered"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("false"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    1132. 

  1132.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value4"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"picker"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("quarter"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":bordered"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("false"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    1133. 

  1133.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value5"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"picker"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("year"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":bordered"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("false"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    1134. 

  1134. 

  1135.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-range-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value6"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":bordered"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("false"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    1136. 

  1136.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-range-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value7"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"picker"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("week"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":bordered"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("false"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    1137. 

  1137.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-range-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value8"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"picker"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("month"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":bordered"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("false"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    1138. 

  1138.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-range-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value9"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"picker"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("year"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":bordered"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("false"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    1139. 

  1139.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-space")]),n("span",{class:"token punctuation"},">")]),a(`
    1140. 

  1140. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    1141. 

  1141. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),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"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
    1142. 

  1142. `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent"),n("span",{class:"token punctuation"},","),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
    1143. 

  1143. `),n("span",{class:"token keyword"},"import"),a(" type "),n("span",{class:"token punctuation"},"{"),a(" Dayjs "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'dayjs'"),n("span",{class:"token punctuation"},";"),a(`
    1144. 

  1144. `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
    1145. 

  1145.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    1146. 

  1146.     `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
    1147. 

  1147.       `),n("span",{class:"token literal-property property"},"value1"),n("span",{class:"token operator"},":"),a(" ref"),n("span",{class:"token operator"},"<"),a("Dayjs"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    1148. 

  1148.       `),n("span",{class:"token literal-property property"},"value2"),n("span",{class:"token operator"},":"),a(" ref"),n("span",{class:"token operator"},"<"),a("Dayjs"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    1149. 

  1149.       `),n("span",{class:"token literal-property property"},"value3"),n("span",{class:"token operator"},":"),a(" ref"),n("span",{class:"token operator"},"<"),a("Dayjs"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    1150. 

  1150.       `),n("span",{class:"token literal-property property"},"value4"),n("span",{class:"token operator"},":"),a(" ref"),n("span",{class:"token operator"},"<"),a("Dayjs"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    1151. 

  1151.       `),n("span",{class:"token literal-property property"},"value5"),n("span",{class:"token operator"},":"),a(" ref"),n("span",{class:"token operator"},"<"),a("Dayjs"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    1152. 

  1152.       `),n("span",{class:"token literal-property property"},"value6"),n("span",{class:"token operator"},":"),a(" ref"),n("span",{class:"token operator"},"<"),n("span",{class:"token punctuation"},"["),a("Dayjs"),n("span",{class:"token punctuation"},","),a(" Dayjs"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    1153. 

  1153.       `),n("span",{class:"token literal-property property"},"value7"),n("span",{class:"token operator"},":"),a(" ref"),n("span",{class:"token operator"},"<"),n("span",{class:"token punctuation"},"["),a("Dayjs"),n("span",{class:"token punctuation"},","),a(" Dayjs"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    1154. 

  1154.       `),n("span",{class:"token literal-property property"},"value8"),n("span",{class:"token operator"},":"),a(" ref"),n("span",{class:"token operator"},"<"),n("span",{class:"token punctuation"},"["),a("Dayjs"),n("span",{class:"token punctuation"},","),a(" Dayjs"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    1155. 

  1155.       `),n("span",{class:"token literal-property property"},"value9"),n("span",{class:"token operator"},":"),a(" ref"),n("span",{class:"token operator"},"<"),n("span",{class:"token punctuation"},"["),a("Dayjs"),n("span",{class:"token punctuation"},","),a(" Dayjs"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    1156. 

  1156.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    1157. 

  1157.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    1158. 

  1158. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    1159. 

  1159. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
    1160. 

  1160. `)])],-1)])),jsVersionHtml:o(()=>t[10]||(t[10]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    1161. 

  1161.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-space")]),a(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("vertical"),n("span",{class:"token punctuation"},'"')]),a(),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"},'"'),a("12"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    1162. 

  1162.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value1"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":bordered"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("false"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    1163. 

  1163.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value2"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"picker"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("week"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":bordered"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("false"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    1164. 

  1164.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value3"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"picker"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("month"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":bordered"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("false"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    1165. 

  1165.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value4"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"picker"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("quarter"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":bordered"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("false"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    1166. 

  1166.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-date-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value5"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"picker"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("year"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":bordered"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("false"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    1167. 

  1167. 

  1168.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-range-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value6"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":bordered"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("false"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    1169. 

  1169.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-range-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value7"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"picker"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("week"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":bordered"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("false"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    1170. 

  1170.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-range-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value8"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"picker"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("month"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":bordered"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("false"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    1171. 

  1171.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-range-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value9"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"picker"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("year"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":bordered"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("false"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    1172. 

  1172.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-space")]),n("span",{class:"token punctuation"},">")]),a(`
    1173. 

  1173. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    1174. 

  1174. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
    1175. 

  1175. `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent"),n("span",{class:"token punctuation"},","),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
    1176. 

  1176. `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
    1177. 

  1177.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    1178. 

  1178.     `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
    1179. 

  1179.       `),n("span",{class:"token literal-property property"},"value1"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    1180. 

  1180.       `),n("span",{class:"token literal-property property"},"value2"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    1181. 

  1181.       `),n("span",{class:"token literal-property property"},"value3"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    1182. 

  1182.       `),n("span",{class:"token literal-property property"},"value4"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    1183. 

  1183.       `),n("span",{class:"token literal-property property"},"value5"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    1184. 

  1184.       `),n("span",{class:"token literal-property property"},"value6"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    1185. 

  1185.       `),n("span",{class:"token literal-property property"},"value7"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    1186. 

  1186.       `),n("span",{class:"token literal-property property"},"value8"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    1187. 

  1187.       `),n("span",{class:"token literal-property property"},"value9"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    1188. 

  1188.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    1189. 

  1189.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    1190. 

  1190. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    1191. 

  1191. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
    1192. 

  1192. `)])],-1)])),_:1})}const Yn=b(Zn,[["render",wn]]),Wn=f({setup(){return{value1:k(),value2:k(),value3:k(),value4:k(),value5:k()}}});function Gn(s,t,i,h,g,m){const c=p("a-range-picker"),u=p("a-space"),d=p("demo-box");return C(),y(d,{jsfiddle:{us:"Set range picker type by `picker` prop.",cn:"\u901A\u8FC7\u8BBE\u7F6E `picker` \u5C5E\u6027\uFF0C\u6307\u5B9A\u8303\u56F4\u9009\u62E9\u5668\u7C7B\u578B\u3002",docHtml:`<h2 id="zh-CN">zh-CN <a class="header-anchor" href="#zh-CN">
    1193. 

  1193.           <span aria-hidden="true" class="anchor">#</span>
    1194. 

  1194.         </a></h2>
    1195. 

  1195. <p>\u901A\u8FC7\u8BBE\u7F6E <code>picker</code> \u5C5E\u6027\uFF0C\u6307\u5B9A\u8303\u56F4\u9009\u62E9\u5668\u7C7B\u578B\u3002</p>
    1196. 

  1196. <h2 id="en-US">en-US <a class="header-anchor" href="#en-US">
    1197. 

  1197.           <span aria-hidden="true" class="anchor">#</span>
    1198. 

  1198.         </a></h2>
    1199. 

  1199. <p>Set range picker type by <code>picker</code> prop.</p>
    1200. 

  1200. `,order:1,title:{"zh-CN":"\u8303\u56F4\u9009\u62E9\u5668","en-US":"Range Picker"},relativePath:"components/date-picker/demo/range-picker.vue",sourceCode:"PHRlbXBsYXRlPgogIDxhLXNwYWNlIGRpcmVjdGlvbj0idmVydGljYWwiIDpzaXplPSIxMiI+CiAgICA8YS1yYW5nZS1waWNrZXIgdi1tb2RlbDp2YWx1ZT0idmFsdWUxIiAvPgogICAgPGEtcmFuZ2UtcGlja2VyIHYtbW9kZWw6dmFsdWU9InZhbHVlMiIgc2hvdy10aW1lIC8+CiAgICA8YS1yYW5nZS1waWNrZXIgdi1tb2RlbDp2YWx1ZT0idmFsdWUzIiBwaWNrZXI9IndlZWsiIC8+CiAgICA8YS1yYW5nZS1waWNrZXIgdi1tb2RlbDp2YWx1ZT0idmFsdWU0IiBwaWNrZXI9Im1vbnRoIiAvPgogICAgPGEtcmFuZ2UtcGlja2VyIHYtbW9kZWw6dmFsdWU9InZhbHVlNSIgcGlja2VyPSJ5ZWFyIiAvPgogIDwvYS1zcGFjZT4KPC90ZW1wbGF0ZT4KPHNjcmlwdCBsYW5nPSJ0cyI+CmltcG9ydCB7IGRlZmluZUNvbXBvbmVudCwgcmVmIH0gZnJvbSAndnVlJzsKaW1wb3J0IHR5cGUgeyBEYXlqcyB9IGZyb20gJ2RheWpzJzsKdHlwZSBSYW5nZVZhbHVlID0gW0RheWpzLCBEYXlqc107CmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbXBvbmVudCh7CiAgc2V0dXAoKSB7CiAgICByZXR1cm4gewogICAgICB2YWx1ZTE6IHJlZjxSYW5nZVZhbHVlPigpLAogICAgICB2YWx1ZTI6IHJlZjxSYW5nZVZhbHVlPigpLAogICAgICB2YWx1ZTM6IHJlZjxSYW5nZVZhbHVlPigpLAogICAgICB2YWx1ZTQ6IHJlZjxSYW5nZVZhbHVlPigpLAogICAgICB2YWx1ZTU6IHJlZjxSYW5nZVZhbHVlPigpLAogICAgfTsKICB9LAp9KTsKPC9zY3JpcHQ+Cgo=",jsSourceCode:"PHRlbXBsYXRlPgogIDxhLXNwYWNlIGRpcmVjdGlvbj0idmVydGljYWwiIDpzaXplPSIxMiI+CiAgICA8YS1yYW5nZS1waWNrZXIgdi1tb2RlbDp2YWx1ZT0idmFsdWUxIiAvPgogICAgPGEtcmFuZ2UtcGlja2VyIHYtbW9kZWw6dmFsdWU9InZhbHVlMiIgc2hvdy10aW1lIC8+CiAgICA8YS1yYW5nZS1waWNrZXIgdi1tb2RlbDp2YWx1ZT0idmFsdWUzIiBwaWNrZXI9IndlZWsiIC8+CiAgICA8YS1yYW5nZS1waWNrZXIgdi1tb2RlbDp2YWx1ZT0idmFsdWU0IiBwaWNrZXI9Im1vbnRoIiAvPgogICAgPGEtcmFuZ2UtcGlja2VyIHYtbW9kZWw6dmFsdWU9InZhbHVlNSIgcGlja2VyPSJ5ZWFyIiAvPgogIDwvYS1zcGFjZT4KPC90ZW1wbGF0ZT4KPHNjcmlwdD4KaW1wb3J0IHsgZGVmaW5lQ29tcG9uZW50LCByZWYgfSBmcm9tICd2dWUnOwpleHBvcnQgZGVmYXVsdCBkZWZpbmVDb21wb25lbnQoewogIHNldHVwKCkgewogICAgcmV0dXJuIHsKICAgICAgdmFsdWUxOiByZWYoKSwKICAgICAgdmFsdWUyOiByZWYoKSwKICAgICAgdmFsdWUzOiByZWYoKSwKICAgICAgdmFsdWU0OiByZWYoKSwKICAgICAgdmFsdWU1OiByZWYoKSwKICAgIH07CiAgfSwKfSk7Cjwvc2NyaXB0Pg=="}},{default:o(()=>[e(u,{direction:"vertical",size:12},{default:o(()=>[e(c,{value:s.value1,"onUpdate:value":t[0]||(t[0]=r=>s.value1=r)},null,8,["value"]),e(c,{value:s.value2,"onUpdate:value":t[1]||(t[1]=r=>s.value2=r),"show-time":""},null,8,["value"]),e(c,{value:s.value3,"onUpdate:value":t[2]||(t[2]=r=>s.value3=r),picker:"week"},null,8,["value"]),e(c,{value:s.value4,"onUpdate:value":t[3]||(t[3]=r=>s.value4=r),picker:"month"},null,8,["value"]),e(c,{value:s.value5,"onUpdate:value":t[4]||(t[4]=r=>s.value5=r),picker:"year"},null,8,["value"])]),_:1})]),htmlCode:o(()=>t[5]||(t[5]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    1201. 

  1201.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-space")]),a(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("vertical"),n("span",{class:"token punctuation"},'"')]),a(),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"},'"'),a("12"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    1202. 

  1202.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-range-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value1"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    1203. 

  1203.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-range-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value2"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"show-time"),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    1204. 

  1204.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-range-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value3"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"picker"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("week"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    1205. 

  1205.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-range-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value4"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"picker"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("month"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    1206. 

  1206.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-range-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value5"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"picker"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("year"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    1207. 

  1207.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-space")]),n("span",{class:"token punctuation"},">")]),a(`
    1208. 

  1208. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    1209. 

  1209. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),a(),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"},'"'),a("ts"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
    1210. 

  1210. `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent"),n("span",{class:"token punctuation"},","),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
    1211. 

  1211. `),n("span",{class:"token keyword"},"import"),a(" type "),n("span",{class:"token punctuation"},"{"),a(" Dayjs "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'dayjs'"),n("span",{class:"token punctuation"},";"),a(`
    1212. 

  1212. type RangeValue `),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"["),a("Dayjs"),n("span",{class:"token punctuation"},","),a(" Dayjs"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),a(`
    1213. 

  1213. `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
    1214. 

  1214.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    1215. 

  1215.     `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
    1216. 

  1216.       `),n("span",{class:"token literal-property property"},"value1"),n("span",{class:"token operator"},":"),a(" ref"),n("span",{class:"token operator"},"<"),a("RangeValue"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    1217. 

  1217.       `),n("span",{class:"token literal-property property"},"value2"),n("span",{class:"token operator"},":"),a(" ref"),n("span",{class:"token operator"},"<"),a("RangeValue"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    1218. 

  1218.       `),n("span",{class:"token literal-property property"},"value3"),n("span",{class:"token operator"},":"),a(" ref"),n("span",{class:"token operator"},"<"),a("RangeValue"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    1219. 

  1219.       `),n("span",{class:"token literal-property property"},"value4"),n("span",{class:"token operator"},":"),a(" ref"),n("span",{class:"token operator"},"<"),a("RangeValue"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    1220. 

  1220.       `),n("span",{class:"token literal-property property"},"value5"),n("span",{class:"token operator"},":"),a(" ref"),n("span",{class:"token operator"},"<"),a("RangeValue"),n("span",{class:"token operator"},">"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    1221. 

  1221.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    1222. 

  1222.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    1223. 

  1223. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    1224. 

  1224. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
    1225. 

  1225. `)])],-1)])),jsVersionHtml:o(()=>t[6]||(t[6]=[n("pre",{class:"language-vue"},[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    1226. 

  1226.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-space")]),a(),n("span",{class:"token attr-name"},"direction"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("vertical"),n("span",{class:"token punctuation"},'"')]),a(),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"},'"'),a("12"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
    1227. 

  1227.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-range-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value1"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    1228. 

  1228.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-range-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value2"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"show-time"),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    1229. 

  1229.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-range-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value3"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"picker"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("week"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    1230. 

  1230.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-range-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value4"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"picker"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("month"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    1231. 

  1231.     `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("a-range-picker")]),a(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),a("value")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("value5"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"picker"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("year"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
    1232. 

  1232.   `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("a-space")]),n("span",{class:"token punctuation"},">")]),a(`
    1233. 

  1233. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
    1234. 

  1234. `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
    1235. 

  1235. `),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" defineComponent"),n("span",{class:"token punctuation"},","),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
    1236. 

  1236. `),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token function"},"defineComponent"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
    1237. 

  1237.   `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
    1238. 

  1238.     `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
    1239. 

  1239.       `),n("span",{class:"token literal-property property"},"value1"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    1240. 

  1240.       `),n("span",{class:"token literal-property property"},"value2"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    1241. 

  1241.       `),n("span",{class:"token literal-property property"},"value3"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    1242. 

  1242.       `),n("span",{class:"token literal-property property"},"value4"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    1243. 

  1243.       `),n("span",{class:"token literal-property property"},"value5"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),a(`
    1244. 

  1244.     `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
    1245. 

  1245.   `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
    1246. 

  1246. `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
    1247. 

  1247. `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
    1248. 

  1248. `)])],-1)])),_:1})}const jn=b(Wn,[["render",Gn]]),Pn={pageData:{title:"DatePicker",description:"",frontmatter:{category:"Components",type:"\u6570\u636E\u5F55\u5165",title:"DatePicker",subtitle:"\u65E5\u671F\u9009\u62E9\u6846",cover:"https://gw.alipayobjects.com/zos/alicdn/RT_USzA48/DatePicker.svg"},headers:[{level:2,title:"\u4F55\u65F6\u4F7F\u7528",slug:"\u4F55\u65F6\u4F7F\u7528",content:"\u5F53\u7528\u6237\u9700\u8981\u8F93\u5165\u4E00\u4E2A\u65E5\u671F\uFF0C\u53EF\u4EE5\u70B9\u51FB\u6807\u51C6\u8F93\u5165\u6846\uFF0C\u5F39\u51FA\u65E5\u671F\u9762\u677F\u8FDB\u884C\u9009\u62E9\u3002"},{level:2,title:"API",slug:"API",content:"\u65E5\u671F\u7C7B\u7EC4\u4EF6\u5305\u62EC\u4EE5\u4E0B\u4E94\u79CD\u5F62\u5F0F\u3002"},{level:3,title:"\u56FD\u9645\u5316\u914D\u7F6E",slug:"\u56FD\u9645\u5316\u914D\u7F6E",content:"\u9ED8\u8BA4\u914D\u7F6E\u4E3A en-US\uFF0C\u5982\u679C\u4F60\u9700\u8981\u8BBE\u7F6E\u5176\u4ED6\u8BED\u8A00\uFF0C\u63A8\u8350\u5728\u5165\u53E3\u5904\u4F7F\u7528\u6211\u4EEC\u63D0\u4F9B\u7684\u56FD\u9645\u5316\u7EC4\u4EF6\uFF0C\u8BE6\u89C1\uFF1A[ConfigProvider \u56FD\u9645\u5316](/components/config-provider-cn/)\u3002"},{level:3,title:"\u5171\u540C\u7684 API",slug:"\u5171\u540C\u7684-API",content:"\u4EE5\u4E0B API \u4E3A DatePicker\u3001 RangePicker \u5171\u4EAB\u7684 API\u3002"},{level:3,title:"\u5171\u6709\u7684\u4E8B\u4EF6",slug:"\u5171\u6709\u7684\u4E8B\u4EF6",content:""},{level:3,title:"\u5171\u540C\u7684\u65B9\u6CD5",slug:"\u5171\u540C\u7684\u65B9\u6CD5",content:""},{level:3,title:"DatePicker",slug:"DatePicker",content:""},{level:3,title:"DatePicker \u4E8B\u4EF6",slug:"DatePicker-\u4E8B\u4EF6",content:""},{level:3,title:"DatePicker\\[picker=year]",slug:"DatePicker-picker-year",content:""},{level:3,title:"DatePicker\\[picker=quarter]",slug:"DatePicker-picker-quarter",content:""},{level:3,title:"DatePicker\\[picker=month]",slug:"DatePicker-picker-month",content:""},{level:3,title:"DatePicker\\[picker=week]",slug:"DatePicker-picker-week",content:""},{level:3,title:"RangePicker",slug:"RangePicker",content:""},{level:3,title:"RangePicker \u4E8B\u4EF6",slug:"RangePicker-\u4E8B\u4EF6",content:""},{level:2,title:"FAQ",slug:"FAQ",content:"\u5982\u4F55\u5728 DatePicker \u4E2D\u4F7F\u7528\u81EA\u5B9A\u4E49\u65E5\u671F\u5E93\uFF08\u5982 moment.js \\| dayjs \\| date-fns\uFF09\uFF1F"},{level:3,title:"\u5982\u4F55\u5728 DatePicker \u4E2D\u4F7F\u7528\u81EA\u5B9A\u4E49\u65E5\u671F\u5E93\uFF08\u5982 moment.js \\| dayjs \\| date-fns\uFF09\uFF1F",slug:"\u5982\u4F55\u5728-DatePicker-\u4E2D\u4F7F\u7528\u81EA\u5B9A\u4E49\u65E5\u671F\u5E93\uFF08\u5982-moment-js-dayjs-date-fns\uFF09\uFF1F",content:"\u8BF7\u53C2\u8003[\u300A\u81EA\u5B9A\u4E49\u65E5\u671F\u5E93\u300B](/docs/vue/replace-date-cn)"},{level:3,title:"\u4E3A\u4F55\u5168\u5C40\u4FEE\u6539 dayjs.locale \u4E0D\u751F\u6548\uFF1F",slug:"\u4E3A\u4F55\u5168\u5C40\u4FEE\u6539-dayjs-locale-\u4E0D\u751F\u6548\uFF1F",content:"DatePicker \u9ED8\u8BA4 `locale` \u4E3A `en`\u3002\u4F60\u53EF\u4EE5\u901A\u8FC7 DatePicker \u7684 `locale` \u5C5E\u6027\u6765\u5355\u72EC\u8BBE\u7F6E\uFF0C\u4E5F\u53EF\u4EE5\u901A\u8FC7 [ConfigProvider `locale`](/components/config-provider-cn) \u5C5E\u6027\u6765\u914D\u7F6E\u3002"},{level:3,title:"\u5982\u4F55\u4FEE\u6539\u5468\u7684\u8D77\u59CB\u65E5\uFF1F",slug:"\u5982\u4F55\u4FEE\u6539\u5468\u7684\u8D77\u59CB\u65E5\uFF1F",content:"\u8BF7\u4F7F\u7528\u6B63\u786E\u7684[\u8BED\u8A00\u5305](/docs/vue/i18n-cn)\uFF08[#5605](https://github.com/ant-design/ant-design/issues/5605)\uFF09\uFF0C\u6216\u8005\u4FEE\u6539 dayjs \u7684 `locale` \u914D\u7F6E\uFF1A<https://codesandbox.io/s/dayjs-day-of-week-x9tuj2?file=/demo.tsx>"}],relativePath:"components/date-picker/index.zh-CN.md",content:`
    1249. 

  1249. \u8F93\u5165\u6216\u9009\u62E9\u65E5\u671F\u7684\u63A7\u4EF6\u3002
    1250. 

  1250. 

  1251. ## \u4F55\u65F6\u4F7F\u7528
    1252. 

  1252. 

  1253. \u5F53\u7528\u6237\u9700\u8981\u8F93\u5165\u4E00\u4E2A\u65E5\u671F\uFF0C\u53EF\u4EE5\u70B9\u51FB\u6807\u51C6\u8F93\u5165\u6846\uFF0C\u5F39\u51FA\u65E5\u671F\u9762\u677F\u8FDB\u884C\u9009\u62E9\u3002
    1254. 

  1254. 

  1255. ## API
    1256. 

  1256. 

  1257. \u65E5\u671F\u7C7B\u7EC4\u4EF6\u5305\u62EC\u4EE5\u4E0B\u4E94\u79CD\u5F62\u5F0F\u3002
    1258. 

  1258. 

  1259. - DatePicker
    1260. 

  1260. - DatePicker\\[picker=&quot;month&quot;]
    1261. 

  1261. - DatePicker\\[picker=&quot;week&quot;]
    1262. 

  1262. - DatePicker\\[picker=&quot;year&quot;]
    1263. 

  1263. - DatePicker\\[picker=&quot;quarter&quot;]
    1264. 

  1264. - RangePicker
    1265. 

  1265. 

  1266. ### \u56FD\u9645\u5316\u914D\u7F6E
    1267. 

  1267. 

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

  1269. 

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

  1271. 

  1272. \`\`\`html
    1273. 

  1273. &lt;template&gt;
    1274. 

  1274.   &lt;a-date-picker v-model:value=&quot;value&quot; :locale=&quot;locale&quot; /&gt;
    1275. 

  1275. &lt;/template&gt;
    1276. 

  1276. &lt;script&gt;
    1277. 

  1277.   import locale from &#39;ant-design-vue/es/date-picker/locale/zh_CN&#39;;
    1278. 

  1278.   import { defineComponent } from &#39;vue&#39;;
    1279. 

  1279.   export default defineComponent({
    1280. 

  1280.     setup() {
    1281. 

  1281.       return {
    1282. 

  1282.         locale,
    1283. 

  1283.         value: null,
    1284. 

  1284.       };
    1285. 

  1285.     },
    1286. 

  1286.   });
    1287. 

  1287. &lt;/script&gt;
    1288. 

  1288. \`\`\`
    1289. 

  1289. 

  1290. \`\`\`html
    1291. 

  1291. &lt;template&gt;
    1292. 

  1292.   &lt;a-config-provider :locale=&quot;locale&quot;&gt;
    1293. 

  1293.     &lt;a-date-picker v-model:value=&quot;value&quot; /&gt;
    1294. 

  1294.   &lt;/a-config-provider&gt;
    1295. 

  1295. &lt;/template&gt;
    1296. 

  1296. &lt;script&gt;
    1297. 

  1297.   // \u9ED8\u8BA4\u8BED\u8A00\u4E3A en-US\uFF0C\u5982\u679C\u4F60\u9700\u8981\u8BBE\u7F6E\u5176\u4ED6\u8BED\u8A00\uFF0C\u63A8\u8350\u5728\u5165\u53E3\u6587\u4EF6\u5168\u5C40\u8BBE\u7F6E locale
    1298. 

  1298.   import dayjs from &#39;dayjs&#39;;
    1299. 

  1299.   import &#39;dayjs/locale/zh-cn&#39;;
    1300. 

  1300.   import locale from &#39;ant-design-vue/es/date-picker/locale/zh_CN&#39;;
    1301. 

  1301.   import { defineComponent } from &#39;vue&#39;;
    1302. 

  1302.   dayjs.locale(&#39;zh-cn&#39;);
    1303. 

  1303.   export default defineComponent({
    1304. 

  1304.     setup() {
    1305. 

  1305.       return {
    1306. 

  1306.         value: dayjs(&#39;2015-01-01&#39;, &#39;YYYY-MM-DD&#39;)
    1307. 

  1307.         dayjs,
    1308. 

  1308.         locale
    1309. 

  1309.       };
    1310. 

  1310.     },
    1311. 

  1311.   });
    1312. 

  1312. &lt;/script&gt;
    1313. 

  1313. \`\`\`
    1314. 

  1314. 

  1315. ### \u5171\u540C\u7684 API
    1316. 

  1316. 

  1317. \u4EE5\u4E0B API \u4E3A DatePicker\u3001 RangePicker \u5171\u4EAB\u7684 API\u3002
    1318. 

  1318. 

  1319. | \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C | \u7248\u672C |
    1320. 

  1320. | --- | --- | --- | --- | --- |
    1321. 

  1321. | allowClear | \u662F\u5426\u663E\u793A\u6E05\u9664\u6309\u94AE | boolean | true |  |
    1322. 

  1322. | autofocus | \u81EA\u52A8\u83B7\u53D6\u7126\u70B9 | boolean | false |  |
    1323. 

  1323. | bordered | \u662F\u5426\u6709\u8FB9\u6846 | boolean | true |  |
    1324. 

  1324. | dateRender | \u81EA\u5B9A\u4E49\u65E5\u671F\u5355\u5143\u683C\u7684\u5185\u5BB9 | v-slot:dateRender=&quot;{current, today}&quot; | - |  |
    1325. 

  1325. | disabled | \u7981\u7528 | boolean | false |  |
    1326. 

  1326. | disabledDate | \u4E0D\u53EF\u9009\u62E9\u7684\u65E5\u671F | (currentDate: dayjs) =&gt; boolean | - |  |
    1327. 

  1327. | format | \u8BBE\u7F6E\u65E5\u671F\u683C\u5F0F\uFF0C\u4E3A\u6570\u7EC4\u65F6\u652F\u6301\u591A\u683C\u5F0F\u5339\u914D\uFF0C\u5C55\u793A\u4EE5\u7B2C\u4E00\u4E2A\u4E3A\u51C6\u3002\u914D\u7F6E\u53C2\u8003 [dayjs](https://day.js.org/docs/zh-CN/display/format)\uFF0C\u652F\u6301[\u81EA\u5B9A\u4E49\u683C\u5F0F](#components-date-picker-demo-format) | [formatType](#formatType) | \`YYYY-MM-DD\` |  |
    1328. 

  1328. | dropdownClassName | \u989D\u5916\u7684\u5F39\u51FA\u65E5\u5386 className | string | - |  |
    1329. 

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

  1330. | 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 |  |
    1331. 

  1331. | locale | \u56FD\u9645\u5316\u914D\u7F6E | object | [\u9ED8\u8BA4\u914D\u7F6E](https://github.com/vueComponent/ant-design-vue/blob/main/components/date-picker/locale/example.json) | - |
    1332. 

  1332. | mode | \u65E5\u671F\u9762\u677F\u7684\u72B6\u6001 | \`time\` \\| \`date\` \\| \`month\` \\| \`year\` \\| \`decade\` | - |  |
    1333. 

  1333. | nextIcon | \u81EA\u5B9A\u4E49\u4E0B\u4E00\u4E2A\u56FE\u6807 | slot | - | 3.0 |
    1334. 

  1334. | open | \u63A7\u5236\u5F39\u5C42\u662F\u5426\u5C55\u5F00 | boolean | - |  |
    1335. 

  1335. | picker | \u8BBE\u7F6E\u9009\u62E9\u5668\u7C7B\u578B | \`date\` \\| \`week\` \\| \`month\` \\| \`quarter\` \\| \`year\` | \`date\` | \`quarter\` |
    1336. 

  1336. | placeholder | \u8F93\u5165\u6846\u63D0\u793A\u6587\u5B57 | string \\| \\[string, string] | - |  |
    1337. 

  1337. | popupStyle | \u989D\u5916\u7684\u5F39\u51FA\u65E5\u5386\u6837\u5F0F | CSSProperties | {} |  |
    1338. 

  1338. | prevIcon | \u81EA\u5B9A\u4E49\u4E0A\u4E00\u4E2A\u56FE\u6807 | slot | - | 3.0 |
    1339. 

  1339. | size | \u8F93\u5165\u6846\u5927\u5C0F\uFF0C\`large\` \u9AD8\u5EA6\u4E3A 40px\uFF0C\`small\` \u4E3A 24px\uFF0C\u9ED8\u8BA4\u662F 32px | \`large\` \\| \`middle\` \\| \`small\` | - |  |
    1340. 

  1340. | suffixIcon | \u81EA\u5B9A\u4E49\u7684\u9009\u62E9\u6846\u540E\u7F00\u56FE\u6807 | v-slot:suffixIcon | - |  |
    1341. 

  1341. | superNextIcon | \u81EA\u5B9A\u4E49 \`&lt;&lt;\` \u5207\u6362\u56FE\u6807 | slot | - | 3.0 |
    1342. 

  1342. | superPrevIcon | \u81EA\u5B9A\u4E49 \`&gt;&gt;\` \u5207\u6362\u56FE\u6807 | slot | - | 3.0 |
    1343. 

  1343. | valueFormat | \u53EF\u9009\uFF0C\u7ED1\u5B9A\u503C\u7684\u683C\u5F0F\uFF0C\u5BF9 value\u3001defaultValue\u3001defaultPickerValue \u8D77\u4F5C\u7528\u3002\u4E0D\u6307\u5B9A\u5219\u7ED1\u5B9A\u503C\u4E3A dayjs \u5BF9\u8C61 | string\uFF0C[\u5177\u4F53\u683C\u5F0F](https://day.js.org/docs/zh-CN/display/format) | - |  |
    1344. 

  1344. 

  1345. ### \u5171\u6709\u7684\u4E8B\u4EF6
    1346. 

  1346. 

  1347. | \u4E8B\u4EF6\u540D\u79F0    | \u8BF4\u660E                     | \u56DE\u8C03\u53C2\u6570              |     |
    1348. 

  1348. | ----------- | ------------------------ | --------------------- | --- |
    1349. 

  1349. | openChange  | \u5F39\u51FA\u65E5\u5386\u548C\u5173\u95ED\u65E5\u5386\u7684\u56DE\u8C03 | function(status)      |     |
    1350. 

  1350. | panelChange | \u65E5\u671F\u9762\u677F\u53D8\u5316\u65F6\u7684\u56DE\u8C03     | function(value, mode) | -   |
    1351. 

  1351. 

  1352. ### \u5171\u540C\u7684\u65B9\u6CD5
    1353. 

  1353. 

  1354. | \u540D\u79F0    | \u63CF\u8FF0     |
    1355. 

  1355. | ------- | -------- |
    1356. 

  1356. | blur()  | \u79FB\u9664\u7126\u70B9 |
    1357. 

  1357. | focus() | \u83B7\u53D6\u7126\u70B9 |
    1358. 

  1358. 

  1359. ### DatePicker
    1360. 

  1360. 

  1361. | \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C | \u7248\u672C |
    1362. 

  1362. | --- | --- | --- | --- | --- |
    1363. 

  1363. | defaultPickerValue | \u9ED8\u8BA4\u9762\u677F\u65E5\u671F | [dayjs](https://day.js.org/) | - |  |
    1364. 

  1364. | disabledTime | \u4E0D\u53EF\u9009\u62E9\u7684\u65F6\u95F4 | function(date) | - |  |
    1365. 

  1365. | format | \u5C55\u793A\u7684\u65E5\u671F\u683C\u5F0F\uFF0C\u914D\u7F6E\u53C2\u8003 [dayjs](https://day.js.org/docs/zh-CN/display/format) | [formatType](#formatType) | \`YYYY-MM-DD\` |  |
    1366. 

  1366. | renderExtraFooter | \u5728\u9762\u677F\u4E2D\u6DFB\u52A0\u989D\u5916\u7684\u9875\u811A | v-slot:renderExtraFooter=&quot;mode&quot; | - |  |
    1367. 

  1367. | showNow | \u5F53\u8BBE\u5B9A\u4E86 \`showTime\` \u7684\u65F6\u5019\uFF0C\u9762\u677F\u662F\u5426\u663E\u793A\u201C\u6B64\u523B\u201D\u6309\u94AE | boolean | - |  |
    1368. 

  1368. | showTime | \u589E\u52A0\u65F6\u95F4\u9009\u62E9\u529F\u80FD | Object \\| boolean | [TimePicker Options](/components/time-picker/#API) |  |
    1369. 

  1369. | showTime.defaultValue | \u8BBE\u7F6E\u7528\u6237\u9009\u62E9\u65E5\u671F\u65F6\u9ED8\u8BA4\u7684\u65F6\u5206\u79D2\uFF0C[\u4F8B\u5B50](#components-date-picker-demo-disabled-date) | [dayjs](https://day.js.org/) | dayjs() |  |
    1370. 

  1370. | showToday | \u662F\u5426\u5C55\u793A\u201C\u4ECA\u5929\u201D\u6309\u94AE | boolean | true |  |
    1371. 

  1371. | value(v-model) | \u65E5\u671F | [dayjs](https://day.js.org/) | - |  |
    1372. 

  1372. 

  1373. ### DatePicker \u4E8B\u4EF6
    1374. 

  1374. 

  1375. | \u4E8B\u4EF6\u540D\u79F0 | \u8BF4\u660E               | \u56DE\u8C03\u53C2\u6570                                            |
    1376. 

  1376. | -------- | ------------------ | --------------------------------------------------- |
    1377. 

  1377. | change   | \u65F6\u95F4\u53D1\u751F\u53D8\u5316\u7684\u56DE\u8C03 | function(date: dayjs \\| string, dateString: string) |
    1378. 

  1378. | ok       | \u70B9\u51FB\u786E\u5B9A\u6309\u94AE\u7684\u56DE\u8C03 | function(date: dayjs \\| string)                     |
    1379. 

  1379. 

  1380. ### DatePicker\\[picker=year]
    1381. 

  1381. 

  1382. | \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C | \u7248\u672C |
    1383. 

  1383. | --- | --- | --- | --- | --- |
    1384. 

  1384. | format | \u5C55\u793A\u7684\u65E5\u671F\u683C\u5F0F\uFF0C\u914D\u7F6E\u53C2\u8003 [dayjs](https://day.js.org/docs/zh-CN/display/format) | [formatType](#formatType) | \`YYYY\` |  |
    1385. 

  1385. 

  1386. ### DatePicker\\[picker=quarter]
    1387. 

  1387. 

  1388. | \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C | \u7248\u672C |
    1389. 

  1389. | --- | --- | --- | --- | --- |
    1390. 

  1390. | format | \u5C55\u793A\u7684\u65E5\u671F\u683C\u5F0F\uFF0C\u914D\u7F6E\u53C2\u8003 [dayjs](https://day.js.org/docs/zh-CN/display/format) | [formatType](#formatType) | \`YYYY-\\QQ\` |  |
    1391. 

  1391. 

  1392. ### DatePicker\\[picker=month]
    1393. 

  1393. 

  1394. | \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C | \u7248\u672C |
    1395. 

  1395. | --- | --- | --- | --- | --- |
    1396. 

  1396. | format | \u5C55\u793A\u7684\u65E5\u671F\u683C\u5F0F\uFF0C\u914D\u7F6E\u53C2\u8003 [dayjs](https://day.js.org/docs/zh-CN/display/format) | [formatType](#formatType) | \`YYYY-MM\` |  |
    1397. 

  1397. | monthCellRender | \u81EA\u5B9A\u4E49\u7684\u6708\u4EFD\u5185\u5BB9\u6E32\u67D3\u65B9\u6CD5 | v-slot:monthCellRender=&quot;{current, locale}&quot; | - |  |
    1398. 

  1398. 

  1399. ### DatePicker\\[picker=week]
    1400. 

  1400. 

  1401. | \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C | \u7248\u672C |
    1402. 

  1402. | --- | --- | --- | --- | --- |
    1403. 

  1403. | format | \u5C55\u793A\u7684\u65E5\u671F\u683C\u5F0F\uFF0C\u914D\u7F6E\u53C2\u8003 [dayjs](https://day.js.org/docs/zh-CN/display/format) | [formatType](#formatType) | \`YYYY-wo\` |  |
    1404. 

  1404. 

  1405. ### RangePicker
    1406. 

  1406. 

  1407. | \u53C2\u6570 | \u8BF4\u660E | \u7C7B\u578B | \u9ED8\u8BA4\u503C | \u7248\u672C |
    1408. 

  1408. | --- | --- | --- | --- | --- |
    1409. 

  1409. | allowEmpty | \u5141\u8BB8\u8D77\u59CB\u9879\u90E8\u5206\u4E3A\u7A7A | \\[boolean, boolean] | \\[false, false] |  |
    1410. 

  1410. | dateRender | \u81EA\u5B9A\u4E49\u65E5\u671F\u5355\u5143\u683C\u7684\u5185\u5BB9\u3002 | v-slot:dateRender=&quot;{current: dayjs, today: dayjs, info: { range: \`start\` \\| \`end\` }}&quot; | - |  |
    1411. 

  1411. | defaultPickerValue | \u9ED8\u8BA4\u9762\u677F\u65E5\u671F | [dayjs](https://day.js.org/)\\[] | - |  |
    1412. 

  1412. | disabled | \u7981\u7528\u8D77\u59CB\u9879 | \\[boolean, boolean] | - |  |
    1413. 

  1413. | disabledTime | \u4E0D\u53EF\u9009\u62E9\u7684\u65F6\u95F4 | function(date: dayjs, partial: \`start\` \\| \`end\`) | - |  |
    1414. 

  1414. | format | \u5C55\u793A\u7684\u65E5\u671F\u683C\u5F0F | [formatType](#formatType) | \`YYYY-MM-DD HH:mm:ss\` |  |
    1415. 

  1415. | ranges | \u9884\u8BBE\u65F6\u95F4\u8303\u56F4\u5FEB\u6377\u9009\u62E9 | { \\[range: string]: [dayjs](https://day.js.org/)\\[] } \\| { \\[range: string]: () =&gt; [dayjs](https://day.js.org/)\\[] } | - |  |
    1416. 

  1416. | renderExtraFooter | \u5728\u9762\u677F\u4E2D\u6DFB\u52A0\u989D\u5916\u7684\u9875\u811A | v-slot:renderExtraFooter=&quot;mode&quot; | - |  |
    1417. 

  1417. | separator | \u8BBE\u7F6E\u5206\u9694\u7B26 | string \\| v-slot:separator | \`&lt;SwapRightOutlined /&gt;\` |  |
    1418. 

  1418. | showTime | \u589E\u52A0\u65F6\u95F4\u9009\u62E9\u529F\u80FD | Object\\|boolean | [TimePicker Options](/components/time-picker/#API) |  |
    1419. 

  1419. | showTime.defaultValue | \u8BBE\u7F6E\u7528\u6237\u9009\u62E9\u65E5\u671F\u65F6\u9ED8\u8BA4\u7684\u65F6\u5206\u79D2\uFF0C[\u4F8B\u5B50](#components-date-picker-demo-disabled-date) | [dayjs](https://day.js.org/)\\[] | \\[dayjs(), dayjs()] |  |
    1420. 

  1420. | value(v-model) | \u65E5\u671F | [dayjs](https://day.js.org/)\\[] | - |  |
    1421. 

  1421. 

  1422. ### RangePicker \u4E8B\u4EF6
    1423. 

  1423. 

  1424. | \u4E8B\u4EF6\u540D\u79F0 | \u8BF4\u660E | \u56DE\u8C03\u53C2\u6570 |
    1425. 

  1425. | --- | --- | --- |
    1426. 

  1426. | calendarChange | \u5F85\u9009\u65E5\u671F\u53D1\u751F\u53D8\u5316\u7684\u56DE\u8C03 | function(dates: \\[dayjs, dayjs] \\| \\[string, string], dateStrings: \\[string, string], info: { range:\`start\`\\|\`end\` }) |
    1427. 

  1427. | change | \u65E5\u671F\u8303\u56F4\u53D1\u751F\u53D8\u5316\u7684\u56DE\u8C03 | function(dates: \\[dayjs, dayjs] \\| \\[string, string], dateStrings: \\[string, string]) |
    1428. 

  1428. | ok | \u70B9\u51FB\u786E\u5B9A\u6309\u94AE\u7684\u56DE\u8C03 | function(dates: \\[dayjs, dayjs] \\| \\[string, string]) |
    1429. 

  1429. 

  1430. #### formatType
    1431. 

  1431. 

  1432. \`\`\`typescript
    1433. 

  1433. import type { Dayjs } from &#39;dayjs&#39;;
    1434. 

  1434. 

  1435. type Generic = string;
    1436. 

  1436. type GenericFn = (value: Dayjs) =&gt; string;
    1437. 

  1437. 

  1438. export type FormatType = Generic | GenericFn | Array&lt;Generic | GenericFn&gt;;
    1439. 

  1439. \`\`\`
    1440. 

  1440. 

  1441. ## FAQ
    1442. 

  1442. 

  1443. ### \u5982\u4F55\u5728 DatePicker \u4E2D\u4F7F\u7528\u81EA\u5B9A\u4E49\u65E5\u671F\u5E93\uFF08\u5982 moment.js \\| dayjs \\| date-fns\uFF09\uFF1F
    1444. 

  1444. 

  1445. \u8BF7\u53C2\u8003[\u300A\u81EA\u5B9A\u4E49\u65E5\u671F\u5E93\u300B](/docs/vue/replace-date-cn)
    1446. 

  1446. 

  1447. ### \u4E3A\u4F55\u5168\u5C40\u4FEE\u6539 dayjs.locale \u4E0D\u751F\u6548\uFF1F
    1448. 

  1448. 

  1449. DatePicker \u9ED8\u8BA4 \`locale\` \u4E3A \`en\`\u3002\u4F60\u53EF\u4EE5\u901A\u8FC7 DatePicker \u7684 \`locale\` \u5C5E\u6027\u6765\u5355\u72EC\u8BBE\u7F6E\uFF0C\u4E5F\u53EF\u4EE5\u901A\u8FC7 [ConfigProvider \`locale\`](/components/config-provider-cn) \u5C5E\u6027\u6765\u914D\u7F6E\u3002
    1450. 

  1450. 

  1451. ### \u5982\u4F55\u4FEE\u6539\u5468\u7684\u8D77\u59CB\u65E5\uFF1F
    1452. 

  1452. 

  1453. \u8BF7\u4F7F\u7528\u6B63\u786E\u7684[\u8BED\u8A00\u5305](/docs/vue/i18n-cn)\uFF08[#5605](https://github.com/ant-design/ant-design/issues/5605)\uFF09\uFF0C\u6216\u8005\u4FEE\u6539 dayjs \u7684 \`locale\` \u914D\u7F6E\uFF1A&lt;https://codesandbox.io/s/dayjs-day-of-week-x9tuj2?file=/demo.tsx&gt;
    1454. 

  1454. 

  1455. \`\`\`js
    1456. 

  1456. import dayjs from &#39;dayjs&#39;;
    1457. 

  1457. import updateLocale from &#39;dayjs/plugin/updateLocale&#39;;
    1458. 

  1458. import &#39;dayjs/locale/zh-cn&#39;;
    1459. 

  1459. 

  1460. dayjs.extend(updateLocale);
    1461. 

  1461. dayjs.updateLocale(&#39;zh-cn&#39;, {
    1462. 

  1462.   weekStart: 0,
    1463. 

  1463. });
    1464. 

  1464. \`\`\`
    1465. 

  1465. `,html:`<p>\u8F93\u5165\u6216\u9009\u62E9\u65E5\u671F\u7684\u63A7\u4EF6\u3002</p>
    1466. 

  1466. <h2 id="\u4F55\u65F6\u4F7F\u7528">\u4F55\u65F6\u4F7F\u7528 <a class="header-anchor" href="#\u4F55\u65F6\u4F7F\u7528">
    1467. 

  1467.           <span aria-hidden="true" class="anchor">#</span>
    1468. 

  1468.         </a></h2>
    1469. 

  1469. <p>\u5F53\u7528\u6237\u9700\u8981\u8F93\u5165\u4E00\u4E2A\u65E5\u671F\uFF0C\u53EF\u4EE5\u70B9\u51FB\u6807\u51C6\u8F93\u5165\u6846\uFF0C\u5F39\u51FA\u65E5\u671F\u9762\u677F\u8FDB\u884C\u9009\u62E9\u3002</p>
    1470. 

  1470. <h2 id="API">API <a class="header-anchor" href="#API">
    1471. 

  1471.           <span aria-hidden="true" class="anchor">#</span>
    1472. 

  1472.         </a></h2>
    1473. 

  1473. <p>\u65E5\u671F\u7C7B\u7EC4\u4EF6\u5305\u62EC\u4EE5\u4E0B\u4E94\u79CD\u5F62\u5F0F\u3002</p>
    1474. 

  1474. <ul>
    1475. 

  1475. <li>DatePicker</li>
    1476. 

  1476. <li>DatePicker[picker=&quot;month&quot;]</li>
    1477. 

  1477. <li>DatePicker[picker=&quot;week&quot;]</li>
    1478. 

  1478. <li>DatePicker[picker=&quot;year&quot;]</li>
    1479. 

  1479. <li>DatePicker[picker=&quot;quarter&quot;]</li>
    1480. 

  1480. <li>RangePicker</li>
    1481. 

  1481. </ul>
    1482. 

  1482. <h3 id="\u56FD\u9645\u5316\u914D\u7F6E">\u56FD\u9645\u5316\u914D\u7F6E <a class="header-anchor" href="#\u56FD\u9645\u5316\u914D\u7F6E">
    1483. 

  1483.           <span aria-hidden="true" class="anchor">#</span>
    1484. 

  1484.         </a></h3>
    1485. 

  1485. <p>\u9ED8\u8BA4\u914D\u7F6E\u4E3A en-US\uFF0C\u5982\u679C\u4F60\u9700\u8981\u8BBE\u7F6E\u5176\u4ED6\u8BED\u8A00\uFF0C\u63A8\u8350\u5728\u5165\u53E3\u5904\u4F7F\u7528\u6211\u4EEC\u63D0\u4F9B\u7684\u56FD\u9645\u5316\u7EC4\u4EF6\uFF0C\u8BE6\u89C1\uFF1A<a href="/components/config-provider-cn/">ConfigProvider \u56FD\u9645\u5316</a>\u3002</p>
    1486. 

  1486. <p>\u5982\u6709\u7279\u6B8A\u9700\u6C42\uFF08\u4EC5\u4FEE\u6539\u5355\u4E00\u7EC4\u4EF6\u7684\u8BED\u8A00\uFF09\uFF0C\u8BF7\u4F7F\u7528 locale \u53C2\u6570\uFF0C\u53C2\u8003\uFF1A<a href="https://github.com/vueComponent/ant-design-vue/blob/main/components/date-picker/locale/example.json" target="_blank" rel="noopener noreferrer">\u9ED8\u8BA4\u914D\u7F6E</a>\u3002</p>
    1487. 

  1487. <pre class="language-html" v-pre><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>template</span><span class="token punctuation">></span></span>
    1488. 

  1488.   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-date-picker</span> <span class="token attr-name"><span class="token namespace">v-model:</span>value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>value<span class="token punctuation">"</span></span> <span class="token attr-name">:locale</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>locale<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
    1489. 

  1489. <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>template</span><span class="token punctuation">></span></span>
    1490. 

  1490. <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">
    1491. 

  1491.   <span class="token keyword">import</span> locale <span class="token keyword">from</span> <span class="token string">'ant-design-vue/es/date-picker/locale/zh_CN'</span><span class="token punctuation">;</span>
    1492. 

  1492.   <span class="token keyword">import</span> <span class="token punctuation">{</span> defineComponent <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'vue'</span><span class="token punctuation">;</span>
    1493. 

  1493.   <span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token function">defineComponent</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
    1494. 

  1494.     <span class="token function">setup</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
    1495. 

  1495.       <span class="token keyword">return</span> <span class="token punctuation">{</span>
    1496. 

  1496.         locale<span class="token punctuation">,</span>
    1497. 

  1497.         <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token keyword">null</span><span class="token punctuation">,</span>
    1498. 

  1498.       <span class="token punctuation">}</span><span class="token punctuation">;</span>
    1499. 

  1499.     <span class="token punctuation">}</span><span class="token punctuation">,</span>
    1500. 

  1500.   <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    1501. 

  1501. </span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>
    1502. 

  1502. </code></pre>
    1503. 

  1503. <pre class="language-html" v-pre><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>template</span><span class="token punctuation">></span></span>
    1504. 

  1504.   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-config-provider</span> <span class="token attr-name">:locale</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>locale<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
    1505. 

  1505.     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-date-picker</span> <span class="token attr-name"><span class="token namespace">v-model:</span>value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>value<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
    1506. 

  1506.   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a-config-provider</span><span class="token punctuation">></span></span>
    1507. 

  1507. <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>template</span><span class="token punctuation">></span></span>
    1508. 

  1508. <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">
    1509. 

  1509.   <span class="token comment">// \u9ED8\u8BA4\u8BED\u8A00\u4E3A en-US\uFF0C\u5982\u679C\u4F60\u9700\u8981\u8BBE\u7F6E\u5176\u4ED6\u8BED\u8A00\uFF0C\u63A8\u8350\u5728\u5165\u53E3\u6587\u4EF6\u5168\u5C40\u8BBE\u7F6E locale</span>
    1510. 

  1510.   <span class="token keyword">import</span> dayjs <span class="token keyword">from</span> <span class="token string">'dayjs'</span><span class="token punctuation">;</span>
    1511. 

  1511.   <span class="token keyword">import</span> <span class="token string">'dayjs/locale/zh-cn'</span><span class="token punctuation">;</span>
    1512. 

  1512.   <span class="token keyword">import</span> locale <span class="token keyword">from</span> <span class="token string">'ant-design-vue/es/date-picker/locale/zh_CN'</span><span class="token punctuation">;</span>
    1513. 

  1513.   <span class="token keyword">import</span> <span class="token punctuation">{</span> defineComponent <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'vue'</span><span class="token punctuation">;</span>
    1514. 

  1514.   dayjs<span class="token punctuation">.</span><span class="token function">locale</span><span class="token punctuation">(</span><span class="token string">'zh-cn'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    1515. 

  1515.   <span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token function">defineComponent</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
    1516. 

  1516.     <span class="token function">setup</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
    1517. 

  1517.       <span class="token keyword">return</span> <span class="token punctuation">{</span>
    1518. 

  1518.         <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token function">dayjs</span><span class="token punctuation">(</span><span class="token string">'2015-01-01'</span><span class="token punctuation">,</span> <span class="token string">'YYYY-MM-DD'</span><span class="token punctuation">)</span>
    1519. 

  1519.         dayjs<span class="token punctuation">,</span>
    1520. 

  1520.         locale
    1521. 

  1521.       <span class="token punctuation">}</span><span class="token punctuation">;</span>
    1522. 

  1522.     <span class="token punctuation">}</span><span class="token punctuation">,</span>
    1523. 

  1523.   <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    1524. 

  1524. </span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>
    1525. 

  1525. </code></pre>
    1526. 

  1526. <h3 id="\u5171\u540C\u7684-API">\u5171\u540C\u7684 API <a class="header-anchor" href="#\u5171\u540C\u7684-API">
    1527. 

  1527.           <span aria-hidden="true" class="anchor">#</span>
    1528. 

  1528.         </a></h3>
    1529. 

  1529. <p>\u4EE5\u4E0B API \u4E3A DatePicker\u3001 RangePicker \u5171\u4EAB\u7684 API\u3002</p>
    1530. 

  1530. <table>
    1531. 

  1531. <thead>
    1532. 

  1532. <tr>
    1533. 

  1533. <th>\u53C2\u6570</th>
    1534. 

  1534. <th>\u8BF4\u660E</th>
    1535. 

  1535. <th>\u7C7B\u578B</th>
    1536. 

  1536. <th>\u9ED8\u8BA4\u503C</th>
    1537. 

  1537. <th>\u7248\u672C</th>
    1538. 

  1538. </tr>
    1539. 

  1539. </thead>
    1540. 

  1540. <tbody>
    1541. 

  1541. <tr>
    1542. 

  1542. <td>allowClear</td>
    1543. 

  1543. <td>\u662F\u5426\u663E\u793A\u6E05\u9664\u6309\u94AE</td>
    1544. 

  1544. <td>boolean</td>
    1545. 

  1545. <td>true</td>
    1546. 

  1546. <td></td>
    1547. 

  1547. </tr>
    1548. 

  1548. <tr>
    1549. 

  1549. <td>autofocus</td>
    1550. 

  1550. <td>\u81EA\u52A8\u83B7\u53D6\u7126\u70B9</td>
    1551. 

  1551. <td>boolean</td>
    1552. 

  1552. <td>false</td>
    1553. 

  1553. <td></td>
    1554. 

  1554. </tr>
    1555. 

  1555. <tr>
    1556. 

  1556. <td>bordered</td>
    1557. 

  1557. <td>\u662F\u5426\u6709\u8FB9\u6846</td>
    1558. 

  1558. <td>boolean</td>
    1559. 

  1559. <td>true</td>
    1560. 

  1560. <td></td>
    1561. 

  1561. </tr>
    1562. 

  1562. <tr>
    1563. 

  1563. <td>dateRender</td>
    1564. 

  1564. <td>\u81EA\u5B9A\u4E49\u65E5\u671F\u5355\u5143\u683C\u7684\u5185\u5BB9</td>
    1565. 

  1565. <td>v-slot:dateRender=&quot;{current, today}&quot;</td>
    1566. 

  1566. <td>-</td>
    1567. 

  1567. <td></td>
    1568. 

  1568. </tr>
    1569. 

  1569. <tr>
    1570. 

  1570. <td>disabled</td>
    1571. 

  1571. <td>\u7981\u7528</td>
    1572. 

  1572. <td>boolean</td>
    1573. 

  1573. <td>false</td>
    1574. 

  1574. <td></td>
    1575. 

  1575. </tr>
    1576. 

  1576. <tr>
    1577. 

  1577. <td>disabledDate</td>
    1578. 

  1578. <td>\u4E0D\u53EF\u9009\u62E9\u7684\u65E5\u671F</td>
    1579. 

  1579. <td>(currentDate: dayjs) =&gt; boolean</td>
    1580. 

  1580. <td>-</td>
    1581. 

  1581. <td></td>
    1582. 

  1582. </tr>
    1583. 

  1583. <tr>
    1584. 

  1584. <td>format</td>
    1585. 

  1585. <td>\u8BBE\u7F6E\u65E5\u671F\u683C\u5F0F\uFF0C\u4E3A\u6570\u7EC4\u65F6\u652F\u6301\u591A\u683C\u5F0F\u5339\u914D\uFF0C\u5C55\u793A\u4EE5\u7B2C\u4E00\u4E2A\u4E3A\u51C6\u3002\u914D\u7F6E\u53C2\u8003 <a href="https://day.js.org/docs/zh-CN/display/format" target="_blank" rel="noopener noreferrer">dayjs</a>\uFF0C\u652F\u6301<a href="#components-date-picker-demo-format">\u81EA\u5B9A\u4E49\u683C\u5F0F</a></td>
    1586. 

  1586. <td><a href="#formatType">formatType</a></td>
    1587. 

  1587. <td><code>YYYY-MM-DD</code></td>
    1588. 

  1588. <td></td>
    1589. 

  1589. </tr>
    1590. 

  1590. <tr>
    1591. 

  1591. <td>dropdownClassName</td>
    1592. 

  1592. <td>\u989D\u5916\u7684\u5F39\u51FA\u65E5\u5386 className</td>
    1593. 

  1593. <td>string</td>
    1594. 

  1594. <td>-</td>
    1595. 

  1595. <td></td>
    1596. 

  1596. </tr>
    1597. 

  1597. <tr>
    1598. 

  1598. <td>getPopupContainer</td>
    1599. 

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

  1600. <td>function(trigger)</td>
    1601. 

  1601. <td>-</td>
    1602. 

  1602. <td></td>
    1603. 

  1603. </tr>
    1604. 

  1604. <tr>
    1605. 

  1605. <td>inputReadOnly</td>
    1606. 

  1606. <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>
    1607. 

  1607. <td>boolean</td>
    1608. 

  1608. <td>false</td>
    1609. 

  1609. <td></td>
    1610. 

  1610. </tr>
    1611. 

  1611. <tr>
    1612. 

  1612. <td>locale</td>
    1613. 

  1613. <td>\u56FD\u9645\u5316\u914D\u7F6E</td>
    1614. 

  1614. <td>object</td>
    1615. 

  1615. <td><a href="https://github.com/vueComponent/ant-design-vue/blob/main/components/date-picker/locale/example.json" target="_blank" rel="noopener noreferrer">\u9ED8\u8BA4\u914D\u7F6E</a></td>
    1616. 

  1616. <td>-</td>
    1617. 

  1617. </tr>
    1618. 

  1618. <tr>
    1619. 

  1619. <td>mode</td>
    1620. 

  1620. <td>\u65E5\u671F\u9762\u677F\u7684\u72B6\u6001</td>
    1621. 

  1621. <td><code>time</code> | <code>date</code> | <code>month</code> | <code>year</code> | <code>decade</code></td>
    1622. 

  1622. <td>-</td>
    1623. 

  1623. <td></td>
    1624. 

  1624. </tr>
    1625. 

  1625. <tr>
    1626. 

  1626. <td>nextIcon</td>
    1627. 

  1627. <td>\u81EA\u5B9A\u4E49\u4E0B\u4E00\u4E2A\u56FE\u6807</td>
    1628. 

  1628. <td>slot</td>
    1629. 

  1629. <td>-</td>
    1630. 

  1630. <td>3.0</td>
    1631. 

  1631. </tr>
    1632. 

  1632. <tr>
    1633. 

  1633. <td>open</td>
    1634. 

  1634. <td>\u63A7\u5236\u5F39\u5C42\u662F\u5426\u5C55\u5F00</td>
    1635. 

  1635. <td>boolean</td>
    1636. 

  1636. <td>-</td>
    1637. 

  1637. <td></td>
    1638. 

  1638. </tr>
    1639. 

  1639. <tr>
    1640. 

  1640. <td>picker</td>
    1641. 

  1641. <td>\u8BBE\u7F6E\u9009\u62E9\u5668\u7C7B\u578B</td>
    1642. 

  1642. <td><code>date</code> | <code>week</code> | <code>month</code> | <code>quarter</code> | <code>year</code></td>
    1643. 

  1643. <td><code>date</code></td>
    1644. 

  1644. <td><code>quarter</code></td>
    1645. 

  1645. </tr>
    1646. 

  1646. <tr>
    1647. 

  1647. <td>placeholder</td>
    1648. 

  1648. <td>\u8F93\u5165\u6846\u63D0\u793A\u6587\u5B57</td>
    1649. 

  1649. <td>string | [string, string]</td>
    1650. 

  1650. <td>-</td>
    1651. 

  1651. <td></td>
    1652. 

  1652. </tr>
    1653. 

  1653. <tr>
    1654. 

  1654. <td>popupStyle</td>
    1655. 

  1655. <td>\u989D\u5916\u7684\u5F39\u51FA\u65E5\u5386\u6837\u5F0F</td>
    1656. 

  1656. <td>CSSProperties</td>
    1657. 

  1657. <td>{}</td>
    1658. 

  1658. <td></td>
    1659. 

  1659. </tr>
    1660. 

  1660. <tr>
    1661. 

  1661. <td>prevIcon</td>
    1662. 

  1662. <td>\u81EA\u5B9A\u4E49\u4E0A\u4E00\u4E2A\u56FE\u6807</td>
    1663. 

  1663. <td>slot</td>
    1664. 

  1664. <td>-</td>
    1665. 

  1665. <td>3.0</td>
    1666. 

  1666. </tr>
    1667. 

  1667. <tr>
    1668. 

  1668. <td>size</td>
    1669. 

  1669. <td>\u8F93\u5165\u6846\u5927\u5C0F\uFF0C<code>large</code> \u9AD8\u5EA6\u4E3A 40px\uFF0C<code>small</code> \u4E3A 24px\uFF0C\u9ED8\u8BA4\u662F 32px</td>
    1670. 

  1670. <td><code>large</code> | <code>middle</code> | <code>small</code></td>
    1671. 

  1671. <td>-</td>
    1672. 

  1672. <td></td>
    1673. 

  1673. </tr>
    1674. 

  1674. <tr>
    1675. 

  1675. <td>suffixIcon</td>
    1676. 

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

  1677. <td>v-slot:suffixIcon</td>
    1678. 

  1678. <td>-</td>
    1679. 

  1679. <td></td>
    1680. 

  1680. </tr>
    1681. 

  1681. <tr>
    1682. 

  1682. <td>superNextIcon</td>
    1683. 

  1683. <td>\u81EA\u5B9A\u4E49 <code>&lt;&lt;</code> \u5207\u6362\u56FE\u6807</td>
    1684. 

  1684. <td>slot</td>
    1685. 

  1685. <td>-</td>
    1686. 

  1686. <td>3.0</td>
    1687. 

  1687. </tr>
    1688. 

  1688. <tr>
    1689. 

  1689. <td>superPrevIcon</td>
    1690. 

  1690. <td>\u81EA\u5B9A\u4E49 <code>&gt;&gt;</code> \u5207\u6362\u56FE\u6807</td>
    1691. 

  1691. <td>slot</td>
    1692. 

  1692. <td>-</td>
    1693. 

  1693. <td>3.0</td>
    1694. 

  1694. </tr>
    1695. 

  1695. <tr>
    1696. 

  1696. <td>valueFormat</td>
    1697. 

  1697. <td>\u53EF\u9009\uFF0C\u7ED1\u5B9A\u503C\u7684\u683C\u5F0F\uFF0C\u5BF9 value\u3001defaultValue\u3001defaultPickerValue \u8D77\u4F5C\u7528\u3002\u4E0D\u6307\u5B9A\u5219\u7ED1\u5B9A\u503C\u4E3A dayjs \u5BF9\u8C61</td>
    1698. 

  1698. <td>string\uFF0C<a href="https://day.js.org/docs/zh-CN/display/format" target="_blank" rel="noopener noreferrer">\u5177\u4F53\u683C\u5F0F</a></td>
    1699. 

  1699. <td>-</td>
    1700. 

  1700. <td></td>
    1701. 

  1701. </tr>
    1702. 

  1702. </tbody>
    1703. 

  1703. </table>
    1704. 

  1704. <h3 id="\u5171\u6709\u7684\u4E8B\u4EF6">\u5171\u6709\u7684\u4E8B\u4EF6 <a class="header-anchor" href="#\u5171\u6709\u7684\u4E8B\u4EF6">
    1705. 

  1705.           <span aria-hidden="true" class="anchor">#</span>
    1706. 

  1706.         </a></h3>
    1707. 

  1707. <table>
    1708. 

  1708. <thead>
    1709. 

  1709. <tr>
    1710. 

  1710. <th>\u4E8B\u4EF6\u540D\u79F0</th>
    1711. 

  1711. <th>\u8BF4\u660E</th>
    1712. 

  1712. <th>\u56DE\u8C03\u53C2\u6570</th>
    1713. 

  1713. <th></th>
    1714. 

  1714. </tr>
    1715. 

  1715. </thead>
    1716. 

  1716. <tbody>
    1717. 

  1717. <tr>
    1718. 

  1718. <td>openChange</td>
    1719. 

  1719. <td>\u5F39\u51FA\u65E5\u5386\u548C\u5173\u95ED\u65E5\u5386\u7684\u56DE\u8C03</td>
    1720. 

  1720. <td>function(status)</td>
    1721. 

  1721. <td></td>
    1722. 

  1722. </tr>
    1723. 

  1723. <tr>
    1724. 

  1724. <td>panelChange</td>
    1725. 

  1725. <td>\u65E5\u671F\u9762\u677F\u53D8\u5316\u65F6\u7684\u56DE\u8C03</td>
    1726. 

  1726. <td>function(value, mode)</td>
    1727. 

  1727. <td>-</td>
    1728. 

  1728. </tr>
    1729. 

  1729. </tbody>
    1730. 

  1730. </table>
    1731. 

  1731. <h3 id="\u5171\u540C\u7684\u65B9\u6CD5">\u5171\u540C\u7684\u65B9\u6CD5 <a class="header-anchor" href="#\u5171\u540C\u7684\u65B9\u6CD5">
    1732. 

  1732.           <span aria-hidden="true" class="anchor">#</span>
    1733. 

  1733.         </a></h3>
    1734. 

  1734. <table>
    1735. 

  1735. <thead>
    1736. 

  1736. <tr>
    1737. 

  1737. <th>\u540D\u79F0</th>
    1738. 

  1738. <th>\u63CF\u8FF0</th>
    1739. 

  1739. </tr>
    1740. 

  1740. </thead>
    1741. 

  1741. <tbody>
    1742. 

  1742. <tr>
    1743. 

  1743. <td>blur()</td>
    1744. 

  1744. <td>\u79FB\u9664\u7126\u70B9</td>
    1745. 

  1745. </tr>
    1746. 

  1746. <tr>
    1747. 

  1747. <td>focus()</td>
    1748. 

  1748. <td>\u83B7\u53D6\u7126\u70B9</td>
    1749. 

  1749. </tr>
    1750. 

  1750. </tbody>
    1751. 

  1751. </table>
    1752. 

  1752. <h3 id="DatePicker">DatePicker <a class="header-anchor" href="#DatePicker">
    1753. 

  1753.           <span aria-hidden="true" class="anchor">#</span>
    1754. 

  1754.         </a></h3>
    1755. 

  1755. <table>
    1756. 

  1756. <thead>
    1757. 

  1757. <tr>
    1758. 

  1758. <th>\u53C2\u6570</th>
    1759. 

  1759. <th>\u8BF4\u660E</th>
    1760. 

  1760. <th>\u7C7B\u578B</th>
    1761. 

  1761. <th>\u9ED8\u8BA4\u503C</th>
    1762. 

  1762. <th>\u7248\u672C</th>
    1763. 

  1763. </tr>
    1764. 

  1764. </thead>
    1765. 

  1765. <tbody>
    1766. 

  1766. <tr>
    1767. 

  1767. <td>defaultPickerValue</td>
    1768. 

  1768. <td>\u9ED8\u8BA4\u9762\u677F\u65E5\u671F</td>
    1769. 

  1769. <td><a href="https://day.js.org/" target="_blank" rel="noopener noreferrer">dayjs</a></td>
    1770. 

  1770. <td>-</td>
    1771. 

  1771. <td></td>
    1772. 

  1772. </tr>
    1773. 

  1773. <tr>
    1774. 

  1774. <td>disabledTime</td>
    1775. 

  1775. <td>\u4E0D\u53EF\u9009\u62E9\u7684\u65F6\u95F4</td>
    1776. 

  1776. <td>function(date)</td>
    1777. 

  1777. <td>-</td>
    1778. 

  1778. <td></td>
    1779. 

  1779. </tr>
    1780. 

  1780. <tr>
    1781. 

  1781. <td>format</td>
    1782. 

  1782. <td>\u5C55\u793A\u7684\u65E5\u671F\u683C\u5F0F\uFF0C\u914D\u7F6E\u53C2\u8003 <a href="https://day.js.org/docs/zh-CN/display/format" target="_blank" rel="noopener noreferrer">dayjs</a></td>
    1783. 

  1783. <td><a href="#formatType">formatType</a></td>
    1784. 

  1784. <td><code>YYYY-MM-DD</code></td>
    1785. 

  1785. <td></td>
    1786. 

  1786. </tr>
    1787. 

  1787. <tr>
    1788. 

  1788. <td>renderExtraFooter</td>
    1789. 

  1789. <td>\u5728\u9762\u677F\u4E2D\u6DFB\u52A0\u989D\u5916\u7684\u9875\u811A</td>
    1790. 

  1790. <td>v-slot:renderExtraFooter=&quot;mode&quot;</td>
    1791. 

  1791. <td>-</td>
    1792. 

  1792. <td></td>
    1793. 

  1793. </tr>
    1794. 

  1794. <tr>
    1795. 

  1795. <td>showNow</td>
    1796. 

  1796. <td>\u5F53\u8BBE\u5B9A\u4E86 <code>showTime</code> \u7684\u65F6\u5019\uFF0C\u9762\u677F\u662F\u5426\u663E\u793A\u201C\u6B64\u523B\u201D\u6309\u94AE</td>
    1797. 

  1797. <td>boolean</td>
    1798. 

  1798. <td>-</td>
    1799. 

  1799. <td></td>
    1800. 

  1800. </tr>
    1801. 

  1801. <tr>
    1802. 

  1802. <td>showTime</td>
    1803. 

  1803. <td>\u589E\u52A0\u65F6\u95F4\u9009\u62E9\u529F\u80FD</td>
    1804. 

  1804. <td>Object | boolean</td>
    1805. 

  1805. <td><a href="/components/time-picker/#API">TimePicker Options</a></td>
    1806. 

  1806. <td></td>
    1807. 

  1807. </tr>
    1808. 

  1808. <tr>
    1809. 

  1809. <td>showTime.defaultValue</td>
    1810. 

  1810. <td>\u8BBE\u7F6E\u7528\u6237\u9009\u62E9\u65E5\u671F\u65F6\u9ED8\u8BA4\u7684\u65F6\u5206\u79D2\uFF0C<a href="#components-date-picker-demo-disabled-date">\u4F8B\u5B50</a></td>
    1811. 

  1811. <td><a href="https://day.js.org/" target="_blank" rel="noopener noreferrer">dayjs</a></td>
    1812. 

  1812. <td>dayjs()</td>
    1813. 

  1813. <td></td>
    1814. 

  1814. </tr>
    1815. 

  1815. <tr>
    1816. 

  1816. <td>showToday</td>
    1817. 

  1817. <td>\u662F\u5426\u5C55\u793A\u201C\u4ECA\u5929\u201D\u6309\u94AE</td>
    1818. 

  1818. <td>boolean</td>
    1819. 

  1819. <td>true</td>
    1820. 

  1820. <td></td>
    1821. 

  1821. </tr>
    1822. 

  1822. <tr>
    1823. 

  1823. <td>value(v-model)</td>
    1824. 

  1824. <td>\u65E5\u671F</td>
    1825. 

  1825. <td><a href="https://day.js.org/" target="_blank" rel="noopener noreferrer">dayjs</a></td>
    1826. 

  1826. <td>-</td>
    1827. 

  1827. <td></td>
    1828. 

  1828. </tr>
    1829. 

  1829. </tbody>
    1830. 

  1830. </table>
    1831. 

  1831. <h3 id="DatePicker-\u4E8B\u4EF6">DatePicker \u4E8B\u4EF6 <a class="header-anchor" href="#DatePicker-\u4E8B\u4EF6">
    1832. 

  1832.           <span aria-hidden="true" class="anchor">#</span>
    1833. 

  1833.         </a></h3>
    1834. 

  1834. <table>
    1835. 

  1835. <thead>
    1836. 

  1836. <tr>
    1837. 

  1837. <th>\u4E8B\u4EF6\u540D\u79F0</th>
    1838. 

  1838. <th>\u8BF4\u660E</th>
    1839. 

  1839. <th>\u56DE\u8C03\u53C2\u6570</th>
    1840. 

  1840. </tr>
    1841. 

  1841. </thead>
    1842. 

  1842. <tbody>
    1843. 

  1843. <tr>
    1844. 

  1844. <td>change</td>
    1845. 

  1845. <td>\u65F6\u95F4\u53D1\u751F\u53D8\u5316\u7684\u56DE\u8C03</td>
    1846. 

  1846. <td>function(date: dayjs | string, dateString: string)</td>
    1847. 

  1847. </tr>
    1848. 

  1848. <tr>
    1849. 

  1849. <td>ok</td>
    1850. 

  1850. <td>\u70B9\u51FB\u786E\u5B9A\u6309\u94AE\u7684\u56DE\u8C03</td>
    1851. 

  1851. <td>function(date: dayjs | string)</td>
    1852. 

  1852. </tr>
    1853. 

  1853. </tbody>
    1854. 

  1854. </table>
    1855. 

  1855. <h3 id="DatePicker-picker-year">DatePicker[picker=year] <a class="header-anchor" href="#DatePicker-picker-year">
    1856. 

  1856.           <span aria-hidden="true" class="anchor">#</span>
    1857. 

  1857.         </a></h3>
    1858. 

  1858. <table>
    1859. 

  1859. <thead>
    1860. 

  1860. <tr>
    1861. 

  1861. <th>\u53C2\u6570</th>
    1862. 

  1862. <th>\u8BF4\u660E</th>
    1863. 

  1863. <th>\u7C7B\u578B</th>
    1864. 

  1864. <th>\u9ED8\u8BA4\u503C</th>
    1865. 

  1865. <th>\u7248\u672C</th>
    1866. 

  1866. </tr>
    1867. 

  1867. </thead>
    1868. 

  1868. <tbody>
    1869. 

  1869. <tr>
    1870. 

  1870. <td>format</td>
    1871. 

  1871. <td>\u5C55\u793A\u7684\u65E5\u671F\u683C\u5F0F\uFF0C\u914D\u7F6E\u53C2\u8003 <a href="https://day.js.org/docs/zh-CN/display/format" target="_blank" rel="noopener noreferrer">dayjs</a></td>
    1872. 

  1872. <td><a href="#formatType">formatType</a></td>
    1873. 

  1873. <td><code>YYYY</code></td>
    1874. 

  1874. <td></td>
    1875. 

  1875. </tr>
    1876. 

  1876. </tbody>
    1877. 

  1877. </table>
    1878. 

  1878. <h3 id="DatePicker-picker-quarter">DatePicker[picker=quarter] <a class="header-anchor" href="#DatePicker-picker-quarter">
    1879. 

  1879.           <span aria-hidden="true" class="anchor">#</span>
    1880. 

  1880.         </a></h3>
    1881. 

  1881. <table>
    1882. 

  1882. <thead>
    1883. 

  1883. <tr>
    1884. 

  1884. <th>\u53C2\u6570</th>
    1885. 

  1885. <th>\u8BF4\u660E</th>
    1886. 

  1886. <th>\u7C7B\u578B</th>
    1887. 

  1887. <th>\u9ED8\u8BA4\u503C</th>
    1888. 

  1888. <th>\u7248\u672C</th>
    1889. 

  1889. </tr>
    1890. 

  1890. </thead>
    1891. 

  1891. <tbody>
    1892. 

  1892. <tr>
    1893. 

  1893. <td>format</td>
    1894. 

  1894. <td>\u5C55\u793A\u7684\u65E5\u671F\u683C\u5F0F\uFF0C\u914D\u7F6E\u53C2\u8003 <a href="https://day.js.org/docs/zh-CN/display/format" target="_blank" rel="noopener noreferrer">dayjs</a></td>
    1895. 

  1895. <td><a href="#formatType">formatType</a></td>
    1896. 

  1896. <td><code>YYYY-\\QQ</code></td>
    1897. 

  1897. <td></td>
    1898. 

  1898. </tr>
    1899. 

  1899. </tbody>
    1900. 

  1900. </table>
    1901. 

  1901. <h3 id="DatePicker-picker-month">DatePicker[picker=month] <a class="header-anchor" href="#DatePicker-picker-month">
    1902. 

  1902.           <span aria-hidden="true" class="anchor">#</span>
    1903. 

  1903.         </a></h3>
    1904. 

  1904. <table>
    1905. 

  1905. <thead>
    1906. 

  1906. <tr>
    1907. 

  1907. <th>\u53C2\u6570</th>
    1908. 

  1908. <th>\u8BF4\u660E</th>
    1909. 

  1909. <th>\u7C7B\u578B</th>
    1910. 

  1910. <th>\u9ED8\u8BA4\u503C</th>
    1911. 

  1911. <th>\u7248\u672C</th>
    1912. 

  1912. </tr>
    1913. 

  1913. </thead>
    1914. 

  1914. <tbody>
    1915. 

  1915. <tr>
    1916. 

  1916. <td>format</td>
    1917. 

  1917. <td>\u5C55\u793A\u7684\u65E5\u671F\u683C\u5F0F\uFF0C\u914D\u7F6E\u53C2\u8003 <a href="https://day.js.org/docs/zh-CN/display/format" target="_blank" rel="noopener noreferrer">dayjs</a></td>
    1918. 

  1918. <td><a href="#formatType">formatType</a></td>
    1919. 

  1919. <td><code>YYYY-MM</code></td>
    1920. 

  1920. <td></td>
    1921. 

  1921. </tr>
    1922. 

  1922. <tr>
    1923. 

  1923. <td>monthCellRender</td>
    1924. 

  1924. <td>\u81EA\u5B9A\u4E49\u7684\u6708\u4EFD\u5185\u5BB9\u6E32\u67D3\u65B9\u6CD5</td>
    1925. 

  1925. <td>v-slot:monthCellRender=&quot;{current, locale}&quot;</td>
    1926. 

  1926. <td>-</td>
    1927. 

  1927. <td></td>
    1928. 

  1928. </tr>
    1929. 

  1929. </tbody>
    1930. 

  1930. </table>
    1931. 

  1931. <h3 id="DatePicker-picker-week">DatePicker[picker=week] <a class="header-anchor" href="#DatePicker-picker-week">
    1932. 

  1932.           <span aria-hidden="true" class="anchor">#</span>
    1933. 

  1933.         </a></h3>
    1934. 

  1934. <table>
    1935. 

  1935. <thead>
    1936. 

  1936. <tr>
    1937. 

  1937. <th>\u53C2\u6570</th>
    1938. 

  1938. <th>\u8BF4\u660E</th>
    1939. 

  1939. <th>\u7C7B\u578B</th>
    1940. 

  1940. <th>\u9ED8\u8BA4\u503C</th>
    1941. 

  1941. <th>\u7248\u672C</th>
    1942. 

  1942. </tr>
    1943. 

  1943. </thead>
    1944. 

  1944. <tbody>
    1945. 

  1945. <tr>
    1946. 

  1946. <td>format</td>
    1947. 

  1947. <td>\u5C55\u793A\u7684\u65E5\u671F\u683C\u5F0F\uFF0C\u914D\u7F6E\u53C2\u8003 <a href="https://day.js.org/docs/zh-CN/display/format" target="_blank" rel="noopener noreferrer">dayjs</a></td>
    1948. 

  1948. <td><a href="#formatType">formatType</a></td>
    1949. 

  1949. <td><code>YYYY-wo</code></td>
    1950. 

  1950. <td></td>
    1951. 

  1951. </tr>
    1952. 

  1952. </tbody>
    1953. 

  1953. </table>
    1954. 

  1954. <h3 id="RangePicker">RangePicker <a class="header-anchor" href="#RangePicker">
    1955. 

  1955.           <span aria-hidden="true" class="anchor">#</span>
    1956. 

  1956.         </a></h3>
    1957. 

  1957. <table>
    1958. 

  1958. <thead>
    1959. 

  1959. <tr>
    1960. 

  1960. <th>\u53C2\u6570</th>
    1961. 

  1961. <th>\u8BF4\u660E</th>
    1962. 

  1962. <th>\u7C7B\u578B</th>
    1963. 

  1963. <th>\u9ED8\u8BA4\u503C</th>
    1964. 

  1964. <th>\u7248\u672C</th>
    1965. 

  1965. </tr>
    1966. 

  1966. </thead>
    1967. 

  1967. <tbody>
    1968. 

  1968. <tr>
    1969. 

  1969. <td>allowEmpty</td>
    1970. 

  1970. <td>\u5141\u8BB8\u8D77\u59CB\u9879\u90E8\u5206\u4E3A\u7A7A</td>
    1971. 

  1971. <td>[boolean, boolean]</td>
    1972. 

  1972. <td>[false, false]</td>
    1973. 

  1973. <td></td>
    1974. 

  1974. </tr>
    1975. 

  1975. <tr>
    1976. 

  1976. <td>dateRender</td>
    1977. 

  1977. <td>\u81EA\u5B9A\u4E49\u65E5\u671F\u5355\u5143\u683C\u7684\u5185\u5BB9\u3002</td>
    1978. 

  1978. <td>v-slot:dateRender=&quot;{current: dayjs, today: dayjs, info: { range: <code>start</code> | <code>end</code> }}&quot;</td>
    1979. 

  1979. <td>-</td>
    1980. 

  1980. <td></td>
    1981. 

  1981. </tr>
    1982. 

  1982. <tr>
    1983. 

  1983. <td>defaultPickerValue</td>
    1984. 

  1984. <td>\u9ED8\u8BA4\u9762\u677F\u65E5\u671F</td>
    1985. 

  1985. <td><a href="https://day.js.org/" target="_blank" rel="noopener noreferrer">dayjs</a>[]</td>
    1986. 

  1986. <td>-</td>
    1987. 

  1987. <td></td>
    1988. 

  1988. </tr>
    1989. 

  1989. <tr>
    1990. 

  1990. <td>disabled</td>
    1991. 

  1991. <td>\u7981\u7528\u8D77\u59CB\u9879</td>
    1992. 

  1992. <td>[boolean, boolean]</td>
    1993. 

  1993. <td>-</td>
    1994. 

  1994. <td></td>
    1995. 

  1995. </tr>
    1996. 

  1996. <tr>
    1997. 

  1997. <td>disabledTime</td>
    1998. 

  1998. <td>\u4E0D\u53EF\u9009\u62E9\u7684\u65F6\u95F4</td>
    1999. 

  1999. <td>function(date: dayjs, partial: <code>start</code> | <code>end</code>)</td>
    2000. 

  2000. <td>-</td>
    2001. 

  2001. <td></td>
    2002. 

  2002. </tr>
    2003. 

  2003. <tr>
    2004. 

  2004. <td>format</td>
    2005. 

  2005. <td>\u5C55\u793A\u7684\u65E5\u671F\u683C\u5F0F</td>
    2006. 

  2006. <td><a href="#formatType">formatType</a></td>
    2007. 

  2007. <td><code>YYYY-MM-DD HH:mm:ss</code></td>
    2008. 

  2008. <td></td>
    2009. 

  2009. </tr>
    2010. 

  2010. <tr>
    2011. 

  2011. <td>ranges</td>
    2012. 

  2012. <td>\u9884\u8BBE\u65F6\u95F4\u8303\u56F4\u5FEB\u6377\u9009\u62E9</td>
    2013. 

  2013. <td>{ [range: string]: <a href="https://day.js.org/" target="_blank" rel="noopener noreferrer">dayjs</a>[] } | { [range: string]: () =&gt; <a href="https://day.js.org/" target="_blank" rel="noopener noreferrer">dayjs</a>[] }</td>
    2014. 

  2014. <td>-</td>
    2015. 

  2015. <td></td>
    2016. 

  2016. </tr>
    2017. 

  2017. <tr>
    2018. 

  2018. <td>renderExtraFooter</td>
    2019. 

  2019. <td>\u5728\u9762\u677F\u4E2D\u6DFB\u52A0\u989D\u5916\u7684\u9875\u811A</td>
    2020. 

  2020. <td>v-slot:renderExtraFooter=&quot;mode&quot;</td>
    2021. 

  2021. <td>-</td>
    2022. 

  2022. <td></td>
    2023. 

  2023. </tr>
    2024. 

  2024. <tr>
    2025. 

  2025. <td>separator</td>
    2026. 

  2026. <td>\u8BBE\u7F6E\u5206\u9694\u7B26</td>
    2027. 

  2027. <td>string | v-slot:separator</td>
    2028. 

  2028. <td><code>&lt;SwapRightOutlined /&gt;</code></td>
    2029. 

  2029. <td></td>
    2030. 

  2030. </tr>
    2031. 

  2031. <tr>
    2032. 

  2032. <td>showTime</td>
    2033. 

  2033. <td>\u589E\u52A0\u65F6\u95F4\u9009\u62E9\u529F\u80FD</td>
    2034. 

  2034. <td>Object|boolean</td>
    2035. 

  2035. <td><a href="/components/time-picker/#API">TimePicker Options</a></td>
    2036. 

  2036. <td></td>
    2037. 

  2037. </tr>
    2038. 

  2038. <tr>
    2039. 

  2039. <td>showTime.defaultValue</td>
    2040. 

  2040. <td>\u8BBE\u7F6E\u7528\u6237\u9009\u62E9\u65E5\u671F\u65F6\u9ED8\u8BA4\u7684\u65F6\u5206\u79D2\uFF0C<a href="#components-date-picker-demo-disabled-date">\u4F8B\u5B50</a></td>
    2041. 

  2041. <td><a href="https://day.js.org/" target="_blank" rel="noopener noreferrer">dayjs</a>[]</td>
    2042. 

  2042. <td>[dayjs(), dayjs()]</td>
    2043. 

  2043. <td></td>
    2044. 

  2044. </tr>
    2045. 

  2045. <tr>
    2046. 

  2046. <td>value(v-model)</td>
    2047. 

  2047. <td>\u65E5\u671F</td>
    2048. 

  2048. <td><a href="https://day.js.org/" target="_blank" rel="noopener noreferrer">dayjs</a>[]</td>
    2049. 

  2049. <td>-</td>
    2050. 

  2050. <td></td>
    2051. 

  2051. </tr>
    2052. 

  2052. </tbody>
    2053. 

  2053. </table>
    2054. 

  2054. <h3 id="RangePicker-\u4E8B\u4EF6">RangePicker \u4E8B\u4EF6 <a class="header-anchor" href="#RangePicker-\u4E8B\u4EF6">
    2055. 

  2055.           <span aria-hidden="true" class="anchor">#</span>
    2056. 

  2056.         </a></h3>
    2057. 

  2057. <table>
    2058. 

  2058. <thead>
    2059. 

  2059. <tr>
    2060. 

  2060. <th>\u4E8B\u4EF6\u540D\u79F0</th>
    2061. 

  2061. <th>\u8BF4\u660E</th>
    2062. 

  2062. <th>\u56DE\u8C03\u53C2\u6570</th>
    2063. 

  2063. </tr>
    2064. 

  2064. </thead>
    2065. 

  2065. <tbody>
    2066. 

  2066. <tr>
    2067. 

  2067. <td>calendarChange</td>
    2068. 

  2068. <td>\u5F85\u9009\u65E5\u671F\u53D1\u751F\u53D8\u5316\u7684\u56DE\u8C03</td>
    2069. 

  2069. <td>function(dates: [dayjs, dayjs] | [string, string], dateStrings: [string, string], info: { range:<code>start</code>|<code>end</code> })</td>
    2070. 

  2070. </tr>
    2071. 

  2071. <tr>
    2072. 

  2072. <td>change</td>
    2073. 

  2073. <td>\u65E5\u671F\u8303\u56F4\u53D1\u751F\u53D8\u5316\u7684\u56DE\u8C03</td>
    2074. 

  2074. <td>function(dates: [dayjs, dayjs] | [string, string], dateStrings: [string, string])</td>
    2075. 

  2075. </tr>
    2076. 

  2076. <tr>
    2077. 

  2077. <td>ok</td>
    2078. 

  2078. <td>\u70B9\u51FB\u786E\u5B9A\u6309\u94AE\u7684\u56DE\u8C03</td>
    2079. 

  2079. <td>function(dates: [dayjs, dayjs] | [string, string])</td>
    2080. 

  2080. </tr>
    2081. 

  2081. </tbody>
    2082. 

  2082. </table>
    2083. 

  2083. <h4 id="formatType">formatType <a class="header-anchor" href="#formatType">
    2084. 

  2084.           <span aria-hidden="true" class="anchor">#</span>
    2085. 

  2085.         </a></h4>
    2086. 

  2086. <pre class="language-typescript" v-pre><code><span class="token keyword">import</span> <span class="token keyword">type</span> <span class="token punctuation">{</span> Dayjs <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'dayjs'</span><span class="token punctuation">;</span>
    2087. 

  2087. 

  2088. <span class="token keyword">type</span> <span class="token class-name">Generic</span> <span class="token operator">=</span> <span class="token builtin">string</span><span class="token punctuation">;</span>
    2089. 

  2089. <span class="token keyword">type</span> <span class="token class-name">GenericFn</span> <span class="token operator">=</span> <span class="token punctuation">(</span>value<span class="token operator">:</span> Dayjs<span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token builtin">string</span><span class="token punctuation">;</span>
    2090. 

  2090. 

  2091. <span class="token keyword">export</span> <span class="token keyword">type</span> <span class="token class-name">FormatType</span> <span class="token operator">=</span> Generic <span class="token operator">|</span> GenericFn <span class="token operator">|</span> <span class="token builtin">Array</span><span class="token operator">&lt;</span>Generic <span class="token operator">|</span> GenericFn<span class="token operator">></span><span class="token punctuation">;</span>
    2092. 

  2092. </code></pre>
    2093. 

  2093. <h2 id="FAQ">FAQ <a class="header-anchor" href="#FAQ">
    2094. 

  2094.           <span aria-hidden="true" class="anchor">#</span>
    2095. 

  2095.         </a></h2>
    2096. 

  2096. <h3 id="\u5982\u4F55\u5728-DatePicker-\u4E2D\u4F7F\u7528\u81EA\u5B9A\u4E49\u65E5\u671F\u5E93\uFF08\u5982-moment-js-dayjs-date-fns\uFF09\uFF1F">\u5982\u4F55\u5728 DatePicker \u4E2D\u4F7F\u7528\u81EA\u5B9A\u4E49\u65E5\u671F\u5E93\uFF08\u5982 moment.js | dayjs | date-fns\uFF09\uFF1F <a class="header-anchor" href="#\u5982\u4F55\u5728-DatePicker-\u4E2D\u4F7F\u7528\u81EA\u5B9A\u4E49\u65E5\u671F\u5E93\uFF08\u5982-moment-js-dayjs-date-fns\uFF09\uFF1F">
    2097. 

  2097.           <span aria-hidden="true" class="anchor">#</span>
    2098. 

  2098.         </a></h3>
    2099. 

  2099. <p>\u8BF7\u53C2\u8003<a href="/docs/vue/replace-date-cn">\u300A\u81EA\u5B9A\u4E49\u65E5\u671F\u5E93\u300B</a></p>
    2100. 

  2100. <h3 id="\u4E3A\u4F55\u5168\u5C40\u4FEE\u6539-dayjs-locale-\u4E0D\u751F\u6548\uFF1F">\u4E3A\u4F55\u5168\u5C40\u4FEE\u6539 dayjs.locale \u4E0D\u751F\u6548\uFF1F <a class="header-anchor" href="#\u4E3A\u4F55\u5168\u5C40\u4FEE\u6539-dayjs-locale-\u4E0D\u751F\u6548\uFF1F">
    2101. 

  2101.           <span aria-hidden="true" class="anchor">#</span>
    2102. 

  2102.         </a></h3>
    2103. 

  2103. <p>DatePicker \u9ED8\u8BA4 <code>locale</code> \u4E3A <code>en</code>\u3002\u4F60\u53EF\u4EE5\u901A\u8FC7 DatePicker \u7684 <code>locale</code> \u5C5E\u6027\u6765\u5355\u72EC\u8BBE\u7F6E\uFF0C\u4E5F\u53EF\u4EE5\u901A\u8FC7 <a href="/components/config-provider-cn">ConfigProvider <code>locale</code></a> \u5C5E\u6027\u6765\u914D\u7F6E\u3002</p>
    2104. 

  2104. <h3 id="\u5982\u4F55\u4FEE\u6539\u5468\u7684\u8D77\u59CB\u65E5\uFF1F">\u5982\u4F55\u4FEE\u6539\u5468\u7684\u8D77\u59CB\u65E5\uFF1F <a class="header-anchor" href="#\u5982\u4F55\u4FEE\u6539\u5468\u7684\u8D77\u59CB\u65E5\uFF1F">
    2105. 

  2105.           <span aria-hidden="true" class="anchor">#</span>
    2106. 

  2106.         </a></h3>
    2107. 

  2107. <p>\u8BF7\u4F7F\u7528\u6B63\u786E\u7684<a href="/docs/vue/i18n-cn">\u8BED\u8A00\u5305</a>\uFF08<a href="https://github.com/ant-design/ant-design/issues/5605" target="_blank" rel="noopener noreferrer">#5605</a>\uFF09\uFF0C\u6216\u8005\u4FEE\u6539 dayjs \u7684 <code>locale</code> \u914D\u7F6E\uFF1A<a href="https://codesandbox.io/s/dayjs-day-of-week-x9tuj2?file=/demo.tsx" target="_blank" rel="noopener noreferrer">https://codesandbox.io/s/dayjs-day-of-week-x9tuj2?file=/demo.tsx</a></p>
    2108. 

  2108. <pre class="language-js" v-pre><code><span class="token keyword">import</span> dayjs <span class="token keyword">from</span> <span class="token string">'dayjs'</span><span class="token punctuation">;</span>
    2109. 

  2109. <span class="token keyword">import</span> updateLocale <span class="token keyword">from</span> <span class="token string">'dayjs/plugin/updateLocale'</span><span class="token punctuation">;</span>
    2110. 

  2110. <span class="token keyword">import</span> <span class="token string">'dayjs/locale/zh-cn'</span><span class="token punctuation">;</span>
    2111. 

  2111. 

  2112. dayjs<span class="token punctuation">.</span><span class="token function">extend</span><span class="token punctuation">(</span>updateLocale<span class="token punctuation">)</span><span class="token punctuation">;</span>
    2113. 

  2113. dayjs<span class="token punctuation">.</span><span class="token function">updateLocale</span><span class="token punctuation">(</span><span class="token string">'zh-cn'</span><span class="token punctuation">,</span> <span class="token punctuation">{</span>
    2114. 

  2114.   <span class="token literal-property property">weekStart</span><span class="token operator">:</span> <span class="token number">0</span><span class="token punctuation">,</span>
    2115. 

  2115. <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    2116. 

  2116. </code></pre>
    2117. 

  2117. `,lastUpdated:1748060300685}},Rn={class:"markdown"};function Sn(s,t,i,h,g,m){return C(),Y("article",Rn,t[0]||(t[0]=[W(`<p>\u8F93\u5165\u6216\u9009\u62E9\u65E5\u671F\u7684\u63A7\u4EF6\u3002</p><h2 id="\u4F55\u65F6\u4F7F\u7528">\u4F55\u65F6\u4F7F\u7528 <a class="header-anchor" href="#\u4F55\u65F6\u4F7F\u7528"><span aria-hidden="true" class="anchor">#</span></a></h2><p>\u5F53\u7528\u6237\u9700\u8981\u8F93\u5165\u4E00\u4E2A\u65E5\u671F\uFF0C\u53EF\u4EE5\u70B9\u51FB\u6807\u51C6\u8F93\u5165\u6846\uFF0C\u5F39\u51FA\u65E5\u671F\u9762\u677F\u8FDB\u884C\u9009\u62E9\u3002</p><h2 id="API">API <a class="header-anchor" href="#API"><span aria-hidden="true" class="anchor">#</span></a></h2><p>\u65E5\u671F\u7C7B\u7EC4\u4EF6\u5305\u62EC\u4EE5\u4E0B\u4E94\u79CD\u5F62\u5F0F\u3002</p><ul><li>DatePicker</li><li>DatePicker[picker=&quot;month&quot;]</li><li>DatePicker[picker=&quot;week&quot;]</li><li>DatePicker[picker=&quot;year&quot;]</li><li>DatePicker[picker=&quot;quarter&quot;]</li><li>RangePicker</li></ul><h3 id="\u56FD\u9645\u5316\u914D\u7F6E">\u56FD\u9645\u5316\u914D\u7F6E <a class="header-anchor" href="#\u56FD\u9645\u5316\u914D\u7F6E"><span aria-hidden="true" class="anchor">#</span></a></h3><p>\u9ED8\u8BA4\u914D\u7F6E\u4E3A en-US\uFF0C\u5982\u679C\u4F60\u9700\u8981\u8BBE\u7F6E\u5176\u4ED6\u8BED\u8A00\uFF0C\u63A8\u8350\u5728\u5165\u53E3\u5904\u4F7F\u7528\u6211\u4EEC\u63D0\u4F9B\u7684\u56FD\u9645\u5316\u7EC4\u4EF6\uFF0C\u8BE6\u89C1\uFF1A<a href="/components/config-provider-cn/">ConfigProvider \u56FD\u9645\u5316</a>\u3002</p><p>\u5982\u6709\u7279\u6B8A\u9700\u6C42\uFF08\u4EC5\u4FEE\u6539\u5355\u4E00\u7EC4\u4EF6\u7684\u8BED\u8A00\uFF09\uFF0C\u8BF7\u4F7F\u7528 locale \u53C2\u6570\uFF0C\u53C2\u8003\uFF1A<a href="https://github.com/vueComponent/ant-design-vue/blob/main/components/date-picker/locale/example.json" target="_blank" rel="noopener noreferrer">\u9ED8\u8BA4\u914D\u7F6E</a>\u3002</p><pre class="language-html"><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>template</span><span class="token punctuation">&gt;</span></span>
    2118. 

  2118.   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-date-picker</span> <span class="token attr-name"><span class="token namespace">v-model:</span>value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>value<span class="token punctuation">&quot;</span></span> <span class="token attr-name">:locale</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>locale<span class="token punctuation">&quot;</span></span> <span class="token punctuation">/&gt;</span></span>
    2119. 

  2119. <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>template</span><span class="token punctuation">&gt;</span></span>
    2120. 

  2120. <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">&gt;</span></span><span class="token script"><span class="token language-javascript">
    2121. 

  2121.   <span class="token keyword">import</span> locale <span class="token keyword">from</span> <span class="token string">&#39;ant-design-vue/es/date-picker/locale/zh_CN&#39;</span><span class="token punctuation">;</span>
    2122. 

  2122.   <span class="token keyword">import</span> <span class="token punctuation">{</span> defineComponent <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">&#39;vue&#39;</span><span class="token punctuation">;</span>
    2123. 

  2123.   <span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token function">defineComponent</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
    2124. 

  2124.     <span class="token function">setup</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
    2125. 

  2125.       <span class="token keyword">return</span> <span class="token punctuation">{</span>
    2126. 

  2126.         locale<span class="token punctuation">,</span>
    2127. 

  2127.         <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token keyword">null</span><span class="token punctuation">,</span>
    2128. 

  2128.       <span class="token punctuation">}</span><span class="token punctuation">;</span>
    2129. 

  2129.     <span class="token punctuation">}</span><span class="token punctuation">,</span>
    2130. 

  2130.   <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    2131. 

  2131. </span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">&gt;</span></span>
    2132. 

  2132. </code></pre><pre class="language-html"><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>template</span><span class="token punctuation">&gt;</span></span>
    2133. 

  2133.   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-config-provider</span> <span class="token attr-name">:locale</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>locale<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
    2134. 

  2134.     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-date-picker</span> <span class="token attr-name"><span class="token namespace">v-model:</span>value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>value<span class="token punctuation">&quot;</span></span> <span class="token punctuation">/&gt;</span></span>
    2135. 

  2135.   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a-config-provider</span><span class="token punctuation">&gt;</span></span>
    2136. 

  2136. <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>template</span><span class="token punctuation">&gt;</span></span>
    2137. 

  2137. <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">&gt;</span></span><span class="token script"><span class="token language-javascript">
    2138. 

  2138.   <span class="token comment">// \u9ED8\u8BA4\u8BED\u8A00\u4E3A en-US\uFF0C\u5982\u679C\u4F60\u9700\u8981\u8BBE\u7F6E\u5176\u4ED6\u8BED\u8A00\uFF0C\u63A8\u8350\u5728\u5165\u53E3\u6587\u4EF6\u5168\u5C40\u8BBE\u7F6E locale</span>
    2139. 

  2139.   <span class="token keyword">import</span> dayjs <span class="token keyword">from</span> <span class="token string">&#39;dayjs&#39;</span><span class="token punctuation">;</span>
    2140. 

  2140.   <span class="token keyword">import</span> <span class="token string">&#39;dayjs/locale/zh-cn&#39;</span><span class="token punctuation">;</span>
    2141. 

  2141.   <span class="token keyword">import</span> locale <span class="token keyword">from</span> <span class="token string">&#39;ant-design-vue/es/date-picker/locale/zh_CN&#39;</span><span class="token punctuation">;</span>
    2142. 

  2142.   <span class="token keyword">import</span> <span class="token punctuation">{</span> defineComponent <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">&#39;vue&#39;</span><span class="token punctuation">;</span>
    2143. 

  2143.   dayjs<span class="token punctuation">.</span><span class="token function">locale</span><span class="token punctuation">(</span><span class="token string">&#39;zh-cn&#39;</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    2144. 

  2144.   <span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token function">defineComponent</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
    2145. 

  2145.     <span class="token function">setup</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
    2146. 

  2146.       <span class="token keyword">return</span> <span class="token punctuation">{</span>
    2147. 

  2147.         <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token function">dayjs</span><span class="token punctuation">(</span><span class="token string">&#39;2015-01-01&#39;</span><span class="token punctuation">,</span> <span class="token string">&#39;YYYY-MM-DD&#39;</span><span class="token punctuation">)</span>
    2148. 

  2148.         dayjs<span class="token punctuation">,</span>
    2149. 

  2149.         locale
    2150. 

  2150.       <span class="token punctuation">}</span><span class="token punctuation">;</span>
    2151. 

  2151.     <span class="token punctuation">}</span><span class="token punctuation">,</span>
    2152. 

  2152.   <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    2153. 

  2153. </span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">&gt;</span></span>
    2154. 

  2154. </code></pre><h3 id="\u5171\u540C\u7684-API">\u5171\u540C\u7684 API <a class="header-anchor" href="#\u5171\u540C\u7684-API"><span aria-hidden="true" class="anchor">#</span></a></h3><p>\u4EE5\u4E0B API \u4E3A DatePicker\u3001 RangePicker \u5171\u4EAB\u7684 API\u3002</p><table><thead><tr><th>\u53C2\u6570</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th><th>\u7248\u672C</th></tr></thead><tbody><tr><td>allowClear</td><td>\u662F\u5426\u663E\u793A\u6E05\u9664\u6309\u94AE</td><td>boolean</td><td>true</td><td></td></tr><tr><td>autofocus</td><td>\u81EA\u52A8\u83B7\u53D6\u7126\u70B9</td><td>boolean</td><td>false</td><td></td></tr><tr><td>bordered</td><td>\u662F\u5426\u6709\u8FB9\u6846</td><td>boolean</td><td>true</td><td></td></tr><tr><td>dateRender</td><td>\u81EA\u5B9A\u4E49\u65E5\u671F\u5355\u5143\u683C\u7684\u5185\u5BB9</td><td>v-slot:dateRender=&quot;{current, today}&quot;</td><td>-</td><td></td></tr><tr><td>disabled</td><td>\u7981\u7528</td><td>boolean</td><td>false</td><td></td></tr><tr><td>disabledDate</td><td>\u4E0D\u53EF\u9009\u62E9\u7684\u65E5\u671F</td><td>(currentDate: dayjs) =&gt; boolean</td><td>-</td><td></td></tr><tr><td>format</td><td>\u8BBE\u7F6E\u65E5\u671F\u683C\u5F0F\uFF0C\u4E3A\u6570\u7EC4\u65F6\u652F\u6301\u591A\u683C\u5F0F\u5339\u914D\uFF0C\u5C55\u793A\u4EE5\u7B2C\u4E00\u4E2A\u4E3A\u51C6\u3002\u914D\u7F6E\u53C2\u8003 <a href="https://day.js.org/docs/zh-CN/display/format" target="_blank" rel="noopener noreferrer">dayjs</a>\uFF0C\u652F\u6301<a href="#components-date-picker-demo-format">\u81EA\u5B9A\u4E49\u683C\u5F0F</a></td><td><a href="#formatType">formatType</a></td><td><code>YYYY-MM-DD</code></td><td></td></tr><tr><td>dropdownClassName</td><td>\u989D\u5916\u7684\u5F39\u51FA\u65E5\u5386 className</td><td>string</td><td>-</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>-</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>locale</td><td>\u56FD\u9645\u5316\u914D\u7F6E</td><td>object</td><td><a href="https://github.com/vueComponent/ant-design-vue/blob/main/components/date-picker/locale/example.json" target="_blank" rel="noopener noreferrer">\u9ED8\u8BA4\u914D\u7F6E</a></td><td>-</td></tr><tr><td>mode</td><td>\u65E5\u671F\u9762\u677F\u7684\u72B6\u6001</td><td><code>time</code> | <code>date</code> | <code>month</code> | <code>year</code> | <code>decade</code></td><td>-</td><td></td></tr><tr><td>nextIcon</td><td>\u81EA\u5B9A\u4E49\u4E0B\u4E00\u4E2A\u56FE\u6807</td><td>slot</td><td>-</td><td>3.0</td></tr><tr><td>open</td><td>\u63A7\u5236\u5F39\u5C42\u662F\u5426\u5C55\u5F00</td><td>boolean</td><td>-</td><td></td></tr><tr><td>picker</td><td>\u8BBE\u7F6E\u9009\u62E9\u5668\u7C7B\u578B</td><td><code>date</code> | <code>week</code> | <code>month</code> | <code>quarter</code> | <code>year</code></td><td><code>date</code></td><td><code>quarter</code></td></tr><tr><td>placeholder</td><td>\u8F93\u5165\u6846\u63D0\u793A\u6587\u5B57</td><td>string | [string, string]</td><td>-</td><td></td></tr><tr><td>popupStyle</td><td>\u989D\u5916\u7684\u5F39\u51FA\u65E5\u5386\u6837\u5F0F</td><td>CSSProperties</td><td>{}</td><td></td></tr><tr><td>prevIcon</td><td>\u81EA\u5B9A\u4E49\u4E0A\u4E00\u4E2A\u56FE\u6807</td><td>slot</td><td>-</td><td>3.0</td></tr><tr><td>size</td><td>\u8F93\u5165\u6846\u5927\u5C0F\uFF0C<code>large</code> \u9AD8\u5EA6\u4E3A 40px\uFF0C<code>small</code> \u4E3A 24px\uFF0C\u9ED8\u8BA4\u662F 32px</td><td><code>large</code> | <code>middle</code> | <code>small</code></td><td>-</td><td></td></tr><tr><td>suffixIcon</td><td>\u81EA\u5B9A\u4E49\u7684\u9009\u62E9\u6846\u540E\u7F00\u56FE\u6807</td><td>v-slot:suffixIcon</td><td>-</td><td></td></tr><tr><td>superNextIcon</td><td>\u81EA\u5B9A\u4E49 <code>&lt;&lt;</code> \u5207\u6362\u56FE\u6807</td><td>slot</td><td>-</td><td>3.0</td></tr><tr><td>superPrevIcon</td><td>\u81EA\u5B9A\u4E49 <code>&gt;&gt;</code> \u5207\u6362\u56FE\u6807</td><td>slot</td><td>-</td><td>3.0</td></tr><tr><td>valueFormat</td><td>\u53EF\u9009\uFF0C\u7ED1\u5B9A\u503C\u7684\u683C\u5F0F\uFF0C\u5BF9 value\u3001defaultValue\u3001defaultPickerValue \u8D77\u4F5C\u7528\u3002\u4E0D\u6307\u5B9A\u5219\u7ED1\u5B9A\u503C\u4E3A dayjs \u5BF9\u8C61</td><td>string\uFF0C<a href="https://day.js.org/docs/zh-CN/display/format" target="_blank" rel="noopener noreferrer">\u5177\u4F53\u683C\u5F0F</a></td><td>-</td><td></td></tr></tbody></table><h3 id="\u5171\u6709\u7684\u4E8B\u4EF6">\u5171\u6709\u7684\u4E8B\u4EF6 <a class="header-anchor" href="#\u5171\u6709\u7684\u4E8B\u4EF6"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>\u4E8B\u4EF6\u540D\u79F0</th><th>\u8BF4\u660E</th><th>\u56DE\u8C03\u53C2\u6570</th><th></th></tr></thead><tbody><tr><td>openChange</td><td>\u5F39\u51FA\u65E5\u5386\u548C\u5173\u95ED\u65E5\u5386\u7684\u56DE\u8C03</td><td>function(status)</td><td></td></tr><tr><td>panelChange</td><td>\u65E5\u671F\u9762\u677F\u53D8\u5316\u65F6\u7684\u56DE\u8C03</td><td>function(value, mode)</td><td>-</td></tr></tbody></table><h3 id="\u5171\u540C\u7684\u65B9\u6CD5">\u5171\u540C\u7684\u65B9\u6CD5 <a class="header-anchor" href="#\u5171\u540C\u7684\u65B9\u6CD5"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>\u540D\u79F0</th><th>\u63CF\u8FF0</th></tr></thead><tbody><tr><td>blur()</td><td>\u79FB\u9664\u7126\u70B9</td></tr><tr><td>focus()</td><td>\u83B7\u53D6\u7126\u70B9</td></tr></tbody></table><h3 id="DatePicker">DatePicker <a class="header-anchor" href="#DatePicker"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>\u53C2\u6570</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th><th>\u7248\u672C</th></tr></thead><tbody><tr><td>defaultPickerValue</td><td>\u9ED8\u8BA4\u9762\u677F\u65E5\u671F</td><td><a href="https://day.js.org/" target="_blank" rel="noopener noreferrer">dayjs</a></td><td>-</td><td></td></tr><tr><td>disabledTime</td><td>\u4E0D\u53EF\u9009\u62E9\u7684\u65F6\u95F4</td><td>function(date)</td><td>-</td><td></td></tr><tr><td>format</td><td>\u5C55\u793A\u7684\u65E5\u671F\u683C\u5F0F\uFF0C\u914D\u7F6E\u53C2\u8003 <a href="https://day.js.org/docs/zh-CN/display/format" target="_blank" rel="noopener noreferrer">dayjs</a></td><td><a href="#formatType">formatType</a></td><td><code>YYYY-MM-DD</code></td><td></td></tr><tr><td>renderExtraFooter</td><td>\u5728\u9762\u677F\u4E2D\u6DFB\u52A0\u989D\u5916\u7684\u9875\u811A</td><td>v-slot:renderExtraFooter=&quot;mode&quot;</td><td>-</td><td></td></tr><tr><td>showNow</td><td>\u5F53\u8BBE\u5B9A\u4E86 <code>showTime</code> \u7684\u65F6\u5019\uFF0C\u9762\u677F\u662F\u5426\u663E\u793A\u201C\u6B64\u523B\u201D\u6309\u94AE</td><td>boolean</td><td>-</td><td></td></tr><tr><td>showTime</td><td>\u589E\u52A0\u65F6\u95F4\u9009\u62E9\u529F\u80FD</td><td>Object | boolean</td><td><a href="/components/time-picker/#API">TimePicker Options</a></td><td></td></tr><tr><td>showTime.defaultValue</td><td>\u8BBE\u7F6E\u7528\u6237\u9009\u62E9\u65E5\u671F\u65F6\u9ED8\u8BA4\u7684\u65F6\u5206\u79D2\uFF0C<a href="#components-date-picker-demo-disabled-date">\u4F8B\u5B50</a></td><td><a href="https://day.js.org/" target="_blank" rel="noopener noreferrer">dayjs</a></td><td>dayjs()</td><td></td></tr><tr><td>showToday</td><td>\u662F\u5426\u5C55\u793A\u201C\u4ECA\u5929\u201D\u6309\u94AE</td><td>boolean</td><td>true</td><td></td></tr><tr><td>value(v-model)</td><td>\u65E5\u671F</td><td><a href="https://day.js.org/" target="_blank" rel="noopener noreferrer">dayjs</a></td><td>-</td><td></td></tr></tbody></table><h3 id="DatePicker-\u4E8B\u4EF6">DatePicker \u4E8B\u4EF6 <a class="header-anchor" href="#DatePicker-\u4E8B\u4EF6"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>\u4E8B\u4EF6\u540D\u79F0</th><th>\u8BF4\u660E</th><th>\u56DE\u8C03\u53C2\u6570</th></tr></thead><tbody><tr><td>change</td><td>\u65F6\u95F4\u53D1\u751F\u53D8\u5316\u7684\u56DE\u8C03</td><td>function(date: dayjs | string, dateString: string)</td></tr><tr><td>ok</td><td>\u70B9\u51FB\u786E\u5B9A\u6309\u94AE\u7684\u56DE\u8C03</td><td>function(date: dayjs | string)</td></tr></tbody></table><h3 id="DatePicker-picker-year">DatePicker[picker=year] <a class="header-anchor" href="#DatePicker-picker-year"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>\u53C2\u6570</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th><th>\u7248\u672C</th></tr></thead><tbody><tr><td>format</td><td>\u5C55\u793A\u7684\u65E5\u671F\u683C\u5F0F\uFF0C\u914D\u7F6E\u53C2\u8003 <a href="https://day.js.org/docs/zh-CN/display/format" target="_blank" rel="noopener noreferrer">dayjs</a></td><td><a href="#formatType">formatType</a></td><td><code>YYYY</code></td><td></td></tr></tbody></table><h3 id="DatePicker-picker-quarter">DatePicker[picker=quarter] <a class="header-anchor" href="#DatePicker-picker-quarter"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>\u53C2\u6570</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th><th>\u7248\u672C</th></tr></thead><tbody><tr><td>format</td><td>\u5C55\u793A\u7684\u65E5\u671F\u683C\u5F0F\uFF0C\u914D\u7F6E\u53C2\u8003 <a href="https://day.js.org/docs/zh-CN/display/format" target="_blank" rel="noopener noreferrer">dayjs</a></td><td><a href="#formatType">formatType</a></td><td><code>YYYY-\\QQ</code></td><td></td></tr></tbody></table><h3 id="DatePicker-picker-month">DatePicker[picker=month] <a class="header-anchor" href="#DatePicker-picker-month"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>\u53C2\u6570</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th><th>\u7248\u672C</th></tr></thead><tbody><tr><td>format</td><td>\u5C55\u793A\u7684\u65E5\u671F\u683C\u5F0F\uFF0C\u914D\u7F6E\u53C2\u8003 <a href="https://day.js.org/docs/zh-CN/display/format" target="_blank" rel="noopener noreferrer">dayjs</a></td><td><a href="#formatType">formatType</a></td><td><code>YYYY-MM</code></td><td></td></tr><tr><td>monthCellRender</td><td>\u81EA\u5B9A\u4E49\u7684\u6708\u4EFD\u5185\u5BB9\u6E32\u67D3\u65B9\u6CD5</td><td>v-slot:monthCellRender=&quot;{current, locale}&quot;</td><td>-</td><td></td></tr></tbody></table><h3 id="DatePicker-picker-week">DatePicker[picker=week] <a class="header-anchor" href="#DatePicker-picker-week"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>\u53C2\u6570</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th><th>\u7248\u672C</th></tr></thead><tbody><tr><td>format</td><td>\u5C55\u793A\u7684\u65E5\u671F\u683C\u5F0F\uFF0C\u914D\u7F6E\u53C2\u8003 <a href="https://day.js.org/docs/zh-CN/display/format" target="_blank" rel="noopener noreferrer">dayjs</a></td><td><a href="#formatType">formatType</a></td><td><code>YYYY-wo</code></td><td></td></tr></tbody></table><h3 id="RangePicker">RangePicker <a class="header-anchor" href="#RangePicker"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>\u53C2\u6570</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th><th>\u7248\u672C</th></tr></thead><tbody><tr><td>allowEmpty</td><td>\u5141\u8BB8\u8D77\u59CB\u9879\u90E8\u5206\u4E3A\u7A7A</td><td>[boolean, boolean]</td><td>[false, false]</td><td></td></tr><tr><td>dateRender</td><td>\u81EA\u5B9A\u4E49\u65E5\u671F\u5355\u5143\u683C\u7684\u5185\u5BB9\u3002</td><td>v-slot:dateRender=&quot;{current: dayjs, today: dayjs, info: { range: <code>start</code> | <code>end</code> }}&quot;</td><td>-</td><td></td></tr><tr><td>defaultPickerValue</td><td>\u9ED8\u8BA4\u9762\u677F\u65E5\u671F</td><td><a href="https://day.js.org/" target="_blank" rel="noopener noreferrer">dayjs</a>[]</td><td>-</td><td></td></tr><tr><td>disabled</td><td>\u7981\u7528\u8D77\u59CB\u9879</td><td>[boolean, boolean]</td><td>-</td><td></td></tr><tr><td>disabledTime</td><td>\u4E0D\u53EF\u9009\u62E9\u7684\u65F6\u95F4</td><td>function(date: dayjs, partial: <code>start</code> | <code>end</code>)</td><td>-</td><td></td></tr><tr><td>format</td><td>\u5C55\u793A\u7684\u65E5\u671F\u683C\u5F0F</td><td><a href="#formatType">formatType</a></td><td><code>YYYY-MM-DD HH:mm:ss</code></td><td></td></tr><tr><td>ranges</td><td>\u9884\u8BBE\u65F6\u95F4\u8303\u56F4\u5FEB\u6377\u9009\u62E9</td><td>{ [range: string]: <a href="https://day.js.org/" target="_blank" rel="noopener noreferrer">dayjs</a>[] } | { [range: string]: () =&gt; <a href="https://day.js.org/" target="_blank" rel="noopener noreferrer">dayjs</a>[] }</td><td>-</td><td></td></tr><tr><td>renderExtraFooter</td><td>\u5728\u9762\u677F\u4E2D\u6DFB\u52A0\u989D\u5916\u7684\u9875\u811A</td><td>v-slot:renderExtraFooter=&quot;mode&quot;</td><td>-</td><td></td></tr><tr><td>separator</td><td>\u8BBE\u7F6E\u5206\u9694\u7B26</td><td>string | v-slot:separator</td><td><code>&lt;SwapRightOutlined /&gt;</code></td><td></td></tr><tr><td>showTime</td><td>\u589E\u52A0\u65F6\u95F4\u9009\u62E9\u529F\u80FD</td><td>Object|boolean</td><td><a href="/components/time-picker/#API">TimePicker Options</a></td><td></td></tr><tr><td>showTime.defaultValue</td><td>\u8BBE\u7F6E\u7528\u6237\u9009\u62E9\u65E5\u671F\u65F6\u9ED8\u8BA4\u7684\u65F6\u5206\u79D2\uFF0C<a href="#components-date-picker-demo-disabled-date">\u4F8B\u5B50</a></td><td><a href="https://day.js.org/" target="_blank" rel="noopener noreferrer">dayjs</a>[]</td><td>[dayjs(), dayjs()]</td><td></td></tr><tr><td>value(v-model)</td><td>\u65E5\u671F</td><td><a href="https://day.js.org/" target="_blank" rel="noopener noreferrer">dayjs</a>[]</td><td>-</td><td></td></tr></tbody></table><h3 id="RangePicker-\u4E8B\u4EF6">RangePicker \u4E8B\u4EF6 <a class="header-anchor" href="#RangePicker-\u4E8B\u4EF6"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>\u4E8B\u4EF6\u540D\u79F0</th><th>\u8BF4\u660E</th><th>\u56DE\u8C03\u53C2\u6570</th></tr></thead><tbody><tr><td>calendarChange</td><td>\u5F85\u9009\u65E5\u671F\u53D1\u751F\u53D8\u5316\u7684\u56DE\u8C03</td><td>function(dates: [dayjs, dayjs] | [string, string], dateStrings: [string, string], info: { range:<code>start</code>|<code>end</code> })</td></tr><tr><td>change</td><td>\u65E5\u671F\u8303\u56F4\u53D1\u751F\u53D8\u5316\u7684\u56DE\u8C03</td><td>function(dates: [dayjs, dayjs] | [string, string], dateStrings: [string, string])</td></tr><tr><td>ok</td><td>\u70B9\u51FB\u786E\u5B9A\u6309\u94AE\u7684\u56DE\u8C03</td><td>function(dates: [dayjs, dayjs] | [string, string])</td></tr></tbody></table><h4 id="formatType">formatType <a class="header-anchor" href="#formatType"><span aria-hidden="true" class="anchor">#</span></a></h4><pre class="language-typescript"><code><span class="token keyword">import</span> <span class="token keyword">type</span> <span class="token punctuation">{</span> Dayjs <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">&#39;dayjs&#39;</span><span class="token punctuation">;</span>
    2155. 

  2155. 

  2156. <span class="token keyword">type</span> <span class="token class-name">Generic</span> <span class="token operator">=</span> <span class="token builtin">string</span><span class="token punctuation">;</span>
    2157. 

  2157. <span class="token keyword">type</span> <span class="token class-name">GenericFn</span> <span class="token operator">=</span> <span class="token punctuation">(</span>value<span class="token operator">:</span> Dayjs<span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token builtin">string</span><span class="token punctuation">;</span>
    2158. 

  2158. 

  2159. <span class="token keyword">export</span> <span class="token keyword">type</span> <span class="token class-name">FormatType</span> <span class="token operator">=</span> Generic <span class="token operator">|</span> GenericFn <span class="token operator">|</span> <span class="token builtin">Array</span><span class="token operator">&lt;</span>Generic <span class="token operator">|</span> GenericFn<span class="token operator">&gt;</span><span class="token punctuation">;</span>
    2160. 

  2160. </code></pre><h2 id="FAQ">FAQ <a class="header-anchor" href="#FAQ"><span aria-hidden="true" class="anchor">#</span></a></h2><h3 id="\u5982\u4F55\u5728-DatePicker-\u4E2D\u4F7F\u7528\u81EA\u5B9A\u4E49\u65E5\u671F\u5E93\uFF08\u5982-moment-js-dayjs-date-fns\uFF09\uFF1F">\u5982\u4F55\u5728 DatePicker \u4E2D\u4F7F\u7528\u81EA\u5B9A\u4E49\u65E5\u671F\u5E93\uFF08\u5982 moment.js | dayjs | date-fns\uFF09\uFF1F <a class="header-anchor" href="#\u5982\u4F55\u5728-DatePicker-\u4E2D\u4F7F\u7528\u81EA\u5B9A\u4E49\u65E5\u671F\u5E93\uFF08\u5982-moment-js-dayjs-date-fns\uFF09\uFF1F"><span aria-hidden="true" class="anchor">#</span></a></h3><p>\u8BF7\u53C2\u8003<a href="/docs/vue/replace-date-cn">\u300A\u81EA\u5B9A\u4E49\u65E5\u671F\u5E93\u300B</a></p><h3 id="\u4E3A\u4F55\u5168\u5C40\u4FEE\u6539-dayjs-locale-\u4E0D\u751F\u6548\uFF1F">\u4E3A\u4F55\u5168\u5C40\u4FEE\u6539 dayjs.locale \u4E0D\u751F\u6548\uFF1F <a class="header-anchor" href="#\u4E3A\u4F55\u5168\u5C40\u4FEE\u6539-dayjs-locale-\u4E0D\u751F\u6548\uFF1F"><span aria-hidden="true" class="anchor">#</span></a></h3><p>DatePicker \u9ED8\u8BA4 <code>locale</code> \u4E3A <code>en</code>\u3002\u4F60\u53EF\u4EE5\u901A\u8FC7 DatePicker \u7684 <code>locale</code> \u5C5E\u6027\u6765\u5355\u72EC\u8BBE\u7F6E\uFF0C\u4E5F\u53EF\u4EE5\u901A\u8FC7 <a href="/components/config-provider-cn">ConfigProvider <code>locale</code></a> \u5C5E\u6027\u6765\u914D\u7F6E\u3002</p><h3 id="\u5982\u4F55\u4FEE\u6539\u5468\u7684\u8D77\u59CB\u65E5\uFF1F">\u5982\u4F55\u4FEE\u6539\u5468\u7684\u8D77\u59CB\u65E5\uFF1F <a class="header-anchor" href="#\u5982\u4F55\u4FEE\u6539\u5468\u7684\u8D77\u59CB\u65E5\uFF1F"><span aria-hidden="true" class="anchor">#</span></a></h3><p>\u8BF7\u4F7F\u7528\u6B63\u786E\u7684<a href="/docs/vue/i18n-cn">\u8BED\u8A00\u5305</a>\uFF08<a href="https://github.com/ant-design/ant-design/issues/5605" target="_blank" rel="noopener noreferrer">#5605</a>\uFF09\uFF0C\u6216\u8005\u4FEE\u6539 dayjs \u7684 <code>locale</code> \u914D\u7F6E\uFF1A<a href="https://codesandbox.io/s/dayjs-day-of-week-x9tuj2?file=/demo.tsx" target="_blank" rel="noopener noreferrer">https://codesandbox.io/s/dayjs-day-of-week-x9tuj2?file=/demo.tsx</a></p><pre class="language-js"><code><span class="token keyword">import</span> dayjs <span class="token keyword">from</span> <span class="token string">&#39;dayjs&#39;</span><span class="token punctuation">;</span>
    2161. 

  2161. <span class="token keyword">import</span> updateLocale <span class="token keyword">from</span> <span class="token string">&#39;dayjs/plugin/updateLocale&#39;</span><span class="token punctuation">;</span>
    2162. 

  2162. <span class="token keyword">import</span> <span class="token string">&#39;dayjs/locale/zh-cn&#39;</span><span class="token punctuation">;</span>
    2163. 

  2163. 

  2164. dayjs<span class="token punctuation">.</span><span class="token function">extend</span><span class="token punctuation">(</span>updateLocale<span class="token punctuation">)</span><span class="token punctuation">;</span>
    2165. 

  2165. dayjs<span class="token punctuation">.</span><span class="token function">updateLocale</span><span class="token punctuation">(</span><span class="token string">&#39;zh-cn&#39;</span><span class="token punctuation">,</span> <span class="token punctuation">{</span>
    2166. 

  2166.   <span class="token literal-property property">weekStart</span><span class="token operator">:</span> <span class="token number">0</span><span class="token punctuation">,</span>
    2167. 

  2167. <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    2168. 

  2168. </code></pre>`,44)]))}const Vn=b(Pn,[["render",Sn]]),Dn={pageData:{title:"DatePicker",description:"",frontmatter:{category:"Components",type:"Data Entry",title:"DatePicker",cover:"https://gw.alipayobjects.com/zos/alicdn/RT_USzA48/DatePicker.svg"},headers:[{level:2,title:"When To Use",slug:"When-To-Use",content:"By clicking the input box, you can select a date from a popup calendar."},{level:2,title:"API",slug:"API",content:"There are five kinds of picker:"},{level:3,title:"Localization",slug:"Localization",content:"The default locale is en-US, if you need to use other languages, recommend to use internationalized components provided by us at the entrance. Look at: [ConfigProvider](/components/config-provider/)."},{level:3,title:"Common API",slug:"Common-API",content:"The following APIs are shared by DatePicker, RangePicker."},{level:3,title:"Common Events",slug:"Common-Events",content:""},{level:3,title:"Common Methods",slug:"Common-Methods",content:""},{level:3,title:"DatePicker",slug:"DatePicker",content:""},{level:3,title:"DatePicker Events",slug:"DatePicker-Events",content:""},{level:3,title:"DatePicker\\[picker=year]",slug:"DatePicker-picker-year",content:""},{level:3,title:"DatePicker\\[picker=quarter]",slug:"DatePicker-picker-quarter",content:""},{level:3,title:"DatePicker\\[picker=month]",slug:"DatePicker-picker-month",content:""},{level:3,title:"DatePicker\\[picker=week]",slug:"DatePicker-picker-week",content:""},{level:3,title:"RangePicker",slug:"RangePicker",content:""},{level:3,title:"RangePicker Events",slug:"RangePicker-Events",content:""},{level:2,title:"FAQ",slug:"FAQ",content:"How to use DatePicker with customize date library\uFF08like moment.js \\| dayjs \\| date-fns\uFF09\uFF1F"},{level:3,title:"How to use DatePicker with customize date library\uFF08like moment.js \\| dayjs \\| date-fns\uFF09\uFF1F",slug:"How-to-use-DatePicker-with-customize-date-library\uFF08like-moment-js-dayjs-date-fns\uFF09\uFF1F",content:"Please refer [replace date](/docs/vue/replace-date)"},{level:3,title:"Why config dayjs.locale globally not work?",slug:"Why-config-dayjs-locale-globally-not-work",content:"DatePicker default set `locale` as `en` in v4. You can config DatePicker `locale` prop or [ConfigProvider `locale`](/components/config-provider) prop instead."},{level:3,title:"How to modify start day of week?",slug:"How-to-modify-start-day-of-week",content:"Please use correct [language](/docs/vue/i18n) ([#5605](https://github.com/ant-design/ant-design/issues/5605)), or update dayjs `locale` config:"}],relativePath:"components/date-picker/index.en-US.md",content:`
    2169. 

  2169. To select or input a date.
    2170. 

  2170. 

  2171. ## When To Use
    2172. 

  2172. 

  2173. By clicking the input box, you can select a date from a popup calendar.
    2174. 

  2174. 

  2175. ## API
    2176. 

  2176. 

  2177. There are five kinds of picker:
    2178. 

  2178. 

  2179. - DatePicker
    2180. 

  2180. - DatePicker\\[picker=&quot;month&quot;]
    2181. 

  2181. - DatePicker\\[picker=&quot;week&quot;]
    2182. 

  2182. - DatePicker\\[picker=&quot;year&quot;]
    2183. 

  2183. - DatePicker\\[picker=&quot;quarter&quot;]
    2184. 

  2184. - RangePicker
    2185. 

  2185. 

  2186. ### Localization
    2187. 

  2187. 

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

  2189. 

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

  2191. 

  2192. \`\`\`html
    2193. 

  2193. &lt;template&gt;
    2194. 

  2194.   &lt;a-date-picker v-model:value=&quot;value&quot; :locale=&quot;locale&quot; /&gt;
    2195. 

  2195. &lt;/template&gt;
    2196. 

  2196. &lt;script&gt;
    2197. 

  2197.   import locale from &#39;ant-design-vue/es/date-picker/locale/zh_CN&#39;;
    2198. 

  2198.   import { defineComponent } from &#39;vue&#39;;
    2199. 

  2199.   export default defineComponent({
    2200. 

  2200.     setup() {
    2201. 

  2201.       return {
    2202. 

  2202.         locale,
    2203. 

  2203.         value: null,
    2204. 

  2204.       };
    2205. 

  2205.     },
    2206. 

  2206.   });
    2207. 

  2207. &lt;/script&gt;
    2208. 

  2208. \`\`\`
    2209. 

  2209. 

  2210. \`\`\`html
    2211. 

  2211. &lt;template&gt;
    2212. 

  2212.   &lt;a-config-provider :locale=&quot;locale&quot;&gt;
    2213. 

  2213.     &lt;a-date-picker v-model:value=&quot;value&quot; /&gt;
    2214. 

  2214.   &lt;/a-config-provider&gt;
    2215. 

  2215. &lt;/template&gt;
    2216. 

  2216. &lt;script&gt;
    2217. 

  2217.   // The default locale is en-US, if you want to use other locale, just set locale in entry file globally.
    2218. 

  2218.   import dayjs from &#39;dayjs&#39;;
    2219. 

  2219.   import &#39;dayjs/locale/zh-cn&#39;;
    2220. 

  2220.   import locale from &#39;ant-design-vue/es/date-picker/locale/zh_CN&#39;;
    2221. 

  2221.   import { defineComponent } from &#39;vue&#39;;
    2222. 

  2222.   dayjs.locale(&#39;zh-cn&#39;);
    2223. 

  2223.   export default defineComponent({
    2224. 

  2224.     setup() {
    2225. 

  2225.       return {
    2226. 

  2226.         value: dayjs(&#39;2015-01-01&#39;, &#39;YYYY-MM-DD&#39;)
    2227. 

  2227.         dayjs,
    2228. 

  2228.         locale
    2229. 

  2229.       };
    2230. 

  2230.     },
    2231. 

  2231.   });
    2232. 

  2232. &lt;/script&gt;
    2233. 

  2233. \`\`\`
    2234. 

  2234. 

  2235. ### Common API
    2236. 

  2236. 

  2237. The following APIs are shared by DatePicker, RangePicker.
    2238. 

  2238. 

  2239. | Property | Description | Type | Default | Version |
    2240. 

  2240. | --- | --- | --- | --- | --- |
    2241. 

  2241. | allowClear | Whether to show clear button | boolean | true |  |
    2242. 

  2242. | autofocus | If get focus when component mounted | boolean | false |  |
    2243. 

  2243. | bordered | Whether has border style | boolean | true |  |
    2244. 

  2244. | dateRender | Custom rendering function for date cells | v-slot:dateRender=&quot;{current, today}&quot; | - |  |
    2245. 

  2245. | disabled | Determine whether the DatePicker is disabled | boolean | false |  |
    2246. 

  2246. | disabledDate | Specify the date that cannot be selected | (currentDate: dayjs) =&gt; boolean | - |  |
    2247. 

  2247. | format | To set the date format, refer to [dayjs](https://day.js.org/). When an array is provided, all values are used for parsing and first value is used for formatting, support [Custom Format](#components-date-picker-demo-format) | [formatType](#formatType) | \`YYYY-MM-DD\` |  |
    2248. 

  2248. | dropdownClassName | To customize the className of the popup calendar | string | - |  |
    2249. 

  2249. | getPopupContainer | To set the container of the floating layer, while the default is to create a \`div\` element in \`body\` | function(trigger) | - |  |
    2250. 

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

  2251. | locale | Localization configuration | object | [default](https://github.com/vueComponent/ant-design-vue/blob/main/components/date-picker/locale/example.json) |  |
    2252. 

  2252. | mode | The picker panel mode | \`time\` \\| \`date\` \\| \`month\` \\| \`year\` \\| \`decade\` | - |  |
    2253. 

  2253. | nextIcon | The custom next icon | slot | - | 3.0 |
    2254. 

  2254. | open | The open state of picker | boolean | - |  |
    2255. 

  2255. | picker | Set picker type | \`date\` \\| \`week\` \\| \`month\` \\| \`quarter\` \\| \`year\` | \`date\` | \`quarter\` |
    2256. 

  2256. | placeholder | The placeholder of date input | string \\| \\[string,string] | - |  |
    2257. 

  2257. | popupStyle | To customize the style of the popup calendar | CSSProperties | {} |  |
    2258. 

  2258. | prevIcon | The custom prev icon | slot | - | 3.0 |
    2259. 

  2259. | size | To determine the size of the input box, the height of \`large\` and \`small\`, are 40px and 24px respectively, while default size is 32px | \`large\` \\| \`middle\` \\| \`small\` | - |  |
    2260. 

  2260. | suffixIcon | The custom suffix icon | v-slot:suffixIcon | - |  |
    2261. 

  2261. | superNextIcon | The custom super next icon | slot | - | 3.0 |
    2262. 

  2262. | superPrevIcon | The custom super prev icon | slot | - | 3.0 |
    2263. 

  2263. | valueFormat | optional, format of binding value. If not specified, the binding value will be a Date object | string\uFF0C[date formats](https://day.js.org/docs/en/display/format) | - |  |
    2264. 

  2264. 

  2265. ### Common Events
    2266. 

  2266. 

  2267. | Events Name | Description | Arguments | Version |
    2268. 

  2268. | --- | --- | --- | --- |
    2269. 

  2269. | openChange | a callback function, can be executed whether the popup calendar is popped up or closed | function(status) |  |
    2270. 

  2270. | panelChange | callback when picker panel mode is changed | function(value, mode) |  |
    2271. 

  2271. 

  2272. ### Common Methods
    2273. 

  2273. 

  2274. | Name    | Description  | Version |
    2275. 

  2275. | ------- | ------------ | ------- |
    2276. 

  2276. | blur()  | remove focus |         |
    2277. 

  2277. | focus() | get focus    |         |
    2278. 

  2278. 

  2279. ### DatePicker
    2280. 

  2280. 

  2281. | Property | Description | Type | Default | Version |
    2282. 

  2282. | --- | --- | --- | --- | --- |
    2283. 

  2283. | defaultPickerValue | To set default picker date | [dayjs](https://day.js.org/) | - |  |
    2284. 

  2284. | disabledTime | To specify the time that cannot be selected | function(date) | - |  |
    2285. 

  2285. | format | To set the date format, refer to [dayjs](https://day.js.org/) | [formatType](#formatType) | \`YYYY-MM-DD\` |  |
    2286. 

  2286. | renderExtraFooter | Render extra footer in panel | v-slot:renderExtraFooter=&quot;mode&quot; | - |  |
    2287. 

  2287. | showNow | Whether to show &#39;Now&#39; button on panel when \`showTime\` is set | boolean | - |  |
    2288. 

  2288. | showTime | To provide an additional time selection | object \\| boolean | [TimePicker Options](/components/time-picker/#API) |  |
    2289. 

  2289. | showTime.defaultValue | To set default time of selected date, [demo](#components-date-picker-demo-disabled-date) | [dayjs](https://day.js.org/) | dayjs() |  |
    2290. 

  2290. | showToday | Whether to show \`Today\` button | boolean | true |  |
    2291. 

  2291. | value(v-model) | To set date | [dayjs](https://day.js.org/) | - |  |
    2292. 

  2292. 

  2293. ### DatePicker Events
    2294. 

  2294. 

  2295. | Events Name | Description | Arguments | Version |
    2296. 

  2296. | --- | --- | --- | --- |
    2297. 

  2297. | change | a callback function, can be executed when the selected time is changing | function(date: dayjs \\| string, dateString: string) |  |
    2298. 

  2298. | ok | callback when click ok button | function(date: dayjs \\| string) |  |
    2299. 

  2299. 

  2300. ### DatePicker\\[picker=year]
    2301. 

  2301. 

  2302. | Property | Description | Type | Default | Version |
    2303. 

  2303. | --- | --- | --- | --- | --- |
    2304. 

  2304. | format | To set the date format, refer to [dayjs](https://day.js.org/) | [formatType](#formatType) | \`YYYY\` |  |
    2305. 

  2305. 

  2306. ### DatePicker\\[picker=quarter]
    2307. 

  2307. 

  2308. | Property | Description | Type | Default | Version |
    2309. 

  2309. | --- | --- | --- | --- | --- |
    2310. 

  2310. | format | To set the date format, refer to [dayjs](https://day.js.org/) | [formatType](#formatType) | \`YYYY-\\QQ\` |  |
    2311. 

  2311. 

  2312. ### DatePicker\\[picker=month]
    2313. 

  2313. 

  2314. | Property | Description | Type | Default | Version |
    2315. 

  2315. | --- | --- | --- | --- | --- |
    2316. 

  2316. | format | To set the date format, refer to [dayjs](https://day.js.org/) | [formatType](#formatType) | \`YYYY-MM\` |  |
    2317. 

  2317. | monthCellRender | Custom month cell content render method | v-slot:monthCellRender=&quot;{current, locale}&quot; | - |  |
    2318. 

  2318. 

  2319. ### DatePicker\\[picker=week]
    2320. 

  2320. 

  2321. | Property | Description | Type | Default | Version |
    2322. 

  2322. | --- | --- | --- | --- | --- |
    2323. 

  2323. | format | To set the date format, refer to [dayjs](https://day.js.org/) | [formatType](#formatType) | \`YYYY-wo\` |  |
    2324. 

  2324. 

  2325. ### RangePicker
    2326. 

  2326. 

  2327. | Property | Description | Type | Default | Version |
    2328. 

  2328. | --- | --- | --- | --- | --- |
    2329. 

  2329. | allowEmpty | Allow start or end input leave empty | \\[boolean, boolean] | \\[false, false] |  |
    2330. 

  2330. | dateRender | Customize date cell. | v-slot:dateRender=&quot;{current: dayjs, today: dayjs, info: { range: \`start\` \\| \`end\` }}&quot; | - |  |
    2331. 

  2331. | defaultPickerValue | To set default picker date | \\[[dayjs](https://day.js.org/), [dayjs](https://day.js.org/)] | - |  |
    2332. 

  2332. | disabled | If disable start or end | \\[boolean, boolean] | - |  |
    2333. 

  2333. | disabledTime | To specify the time that cannot be selected | function(date: dayjs, partial: \`start\` \\| \`end\`) | - |  |
    2334. 

  2334. | format | To set the date format, refer to [dayjs](https://day.js.org/) | [formatType](#formatType) | \`YYYY-MM-DD HH:mm:ss\` |  |
    2335. 

  2335. | ranges | The preseted ranges for quick selection | { \\[range: string]: [dayjs](https://day.js.org/)\\[] } \\| { \\[range: string]: () =&gt; [dayjs](https://day.js.org/)\\[] } | - |  |
    2336. 

  2336. | renderExtraFooter | Render extra footer in panel | v-slot:renderExtraFooter=&quot;mode&quot; | - |  |
    2337. 

  2337. | separator | Set separator between inputs | string \\| v-slot:separator | \`&lt;SwapRightOutlined /&gt;\` |  |
    2338. 

  2338. | showTime | To provide an additional time selection | object \\| boolean | [TimePicker Options](/components/time-picker/#API) |  |
    2339. 

  2339. | showTime.defaultValue | To set default time of selected date, [demo](#components-date-picker-demo-disabled-date) | [dayjs](https://day.js.org/)\\[] | \\[dayjs(), dayjs()] |  |
    2340. 

  2340. | value(v-model) | To set date | \\[[dayjs](https://day.js.org/), [dayjs](https://day.js.org/)] | - |  |
    2341. 

  2341. 

  2342. ### RangePicker Events
    2343. 

  2343. 

  2344. | Events Name | Description | Arguments | Version |  |
    2345. 

  2345. | --- | --- | --- | --- | --- |
    2346. 

  2346. | calendarChange | Callback function, can be executed when the start time or the end time of the range is changing. | function(dates: \\[dayjs, dayjs], dateStrings: \\[string, string], info: { range:\`start\`\\|\`end\` }) | - |  |
    2347. 

  2347. | change | a callback function, can be executed when the selected time is changing | function(dates: \\[dayjs, dayjs] \\| \\[string, string], dateStrings: \\[string, string]) |  |  |
    2348. 

  2348. | ok | callback when click ok button | function(dates: \\[dayjs, dayjs] \\| \\[string, string]) |  |  |
    2349. 

  2349. 

  2350. #### formatType
    2351. 

  2351. 

  2352. \`\`\`typescript
    2353. 

  2353. import type { Dayjs } from &#39;dayjs&#39;;
    2354. 

  2354. 

  2355. type Generic = string;
    2356. 

  2356. type GenericFn = (value: Dayjs) =&gt; string;
    2357. 

  2357. 

  2358. export type FormatType = Generic | GenericFn | Array&lt;Generic | GenericFn&gt;;
    2359. 

  2359. \`\`\`
    2360. 

  2360. 

  2361. ## FAQ
    2362. 

  2362. 

  2363. ### How to use DatePicker with customize date library\uFF08like moment.js \\| dayjs \\| date-fns\uFF09\uFF1F
    2364. 

  2364. 

  2365. Please refer [replace date](/docs/vue/replace-date)
    2366. 

  2366. 

  2367. ### Why config dayjs.locale globally not work?
    2368. 

  2368. 

  2369. DatePicker default set \`locale\` as \`en\` in v4. You can config DatePicker \`locale\` prop or [ConfigProvider \`locale\`](/components/config-provider) prop instead.
    2370. 

  2370. 

  2371. ### How to modify start day of week?
    2372. 

  2372. 

  2373. Please use correct [language](/docs/vue/i18n) ([#5605](https://github.com/ant-design/ant-design/issues/5605)), or update dayjs \`locale\` config:
    2374. 

  2374. 

  2375. - Example: &lt;https://codesandbox.io/s/dayjs-day-of-week-x9tuj2?file=/demo.tsx&gt;
    2376. 

  2376. 

  2377. \`\`\`js
    2378. 

  2378. import dayjs from &#39;dayjs&#39;;
    2379. 

  2379. import updateLocale from &#39;dayjs/plugin/updateLocale&#39;;
    2380. 

  2380. import &#39;dayjs/locale/zh-cn&#39;;
    2381. 

  2381. 

  2382. dayjs.extend(updateLocale);
    2383. 

  2383. dayjs.updateLocale(&#39;zh-cn&#39;, {
    2384. 

  2384.   weekStart: 0,
    2385. 

  2385. });
    2386. 

  2386. \`\`\`
    2387. 

  2387. `,html:`<p>To select or input a date.</p>
    2388. 

  2388. <h2 id="When-To-Use">When To Use <a class="header-anchor" href="#When-To-Use">
    2389. 

  2389.           <span aria-hidden="true" class="anchor">#</span>
    2390. 

  2390.         </a></h2>
    2391. 

  2391. <p>By clicking the input box, you can select a date from a popup calendar.</p>
    2392. 

  2392. <h2 id="API">API <a class="header-anchor" href="#API">
    2393. 

  2393.           <span aria-hidden="true" class="anchor">#</span>
    2394. 

  2394.         </a></h2>
    2395. 

  2395. <p>There are five kinds of picker:</p>
    2396. 

  2396. <ul>
    2397. 

  2397. <li>DatePicker</li>
    2398. 

  2398. <li>DatePicker[picker=&quot;month&quot;]</li>
    2399. 

  2399. <li>DatePicker[picker=&quot;week&quot;]</li>
    2400. 

  2400. <li>DatePicker[picker=&quot;year&quot;]</li>
    2401. 

  2401. <li>DatePicker[picker=&quot;quarter&quot;]</li>
    2402. 

  2402. <li>RangePicker</li>
    2403. 

  2403. </ul>
    2404. 

  2404. <h3 id="Localization">Localization <a class="header-anchor" href="#Localization">
    2405. 

  2405.           <span aria-hidden="true" class="anchor">#</span>
    2406. 

  2406.         </a></h3>
    2407. 

  2407. <p>The default locale is en-US, if you need to use other languages, recommend to use internationalized components provided by us at the entrance. Look at: <a href="/components/config-provider/">ConfigProvider</a>.</p>
    2408. 

  2408. <p>If there are special needs (only modifying single component language), Please use the property: local. Example: <a href="https://github.com/vueComponent/ant-design-vue/blob/main/components/date-picker/locale/example.json" target="_blank" rel="noopener noreferrer">default</a>.</p>
    2409. 

  2409. <pre class="language-html" v-pre><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>template</span><span class="token punctuation">></span></span>
    2410. 

  2410.   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-date-picker</span> <span class="token attr-name"><span class="token namespace">v-model:</span>value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>value<span class="token punctuation">"</span></span> <span class="token attr-name">:locale</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>locale<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
    2411. 

  2411. <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>template</span><span class="token punctuation">></span></span>
    2412. 

  2412. <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">
    2413. 

  2413.   <span class="token keyword">import</span> locale <span class="token keyword">from</span> <span class="token string">'ant-design-vue/es/date-picker/locale/zh_CN'</span><span class="token punctuation">;</span>
    2414. 

  2414.   <span class="token keyword">import</span> <span class="token punctuation">{</span> defineComponent <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'vue'</span><span class="token punctuation">;</span>
    2415. 

  2415.   <span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token function">defineComponent</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
    2416. 

  2416.     <span class="token function">setup</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
    2417. 

  2417.       <span class="token keyword">return</span> <span class="token punctuation">{</span>
    2418. 

  2418.         locale<span class="token punctuation">,</span>
    2419. 

  2419.         <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token keyword">null</span><span class="token punctuation">,</span>
    2420. 

  2420.       <span class="token punctuation">}</span><span class="token punctuation">;</span>
    2421. 

  2421.     <span class="token punctuation">}</span><span class="token punctuation">,</span>
    2422. 

  2422.   <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    2423. 

  2423. </span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>
    2424. 

  2424. </code></pre>
    2425. 

  2425. <pre class="language-html" v-pre><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>template</span><span class="token punctuation">></span></span>
    2426. 

  2426.   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-config-provider</span> <span class="token attr-name">:locale</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>locale<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
    2427. 

  2427.     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-date-picker</span> <span class="token attr-name"><span class="token namespace">v-model:</span>value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>value<span class="token punctuation">"</span></span> <span class="token punctuation">/></span></span>
    2428. 

  2428.   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a-config-provider</span><span class="token punctuation">></span></span>
    2429. 

  2429. <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>template</span><span class="token punctuation">></span></span>
    2430. 

  2430. <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">></span></span><span class="token script"><span class="token language-javascript">
    2431. 

  2431.   <span class="token comment">// The default locale is en-US, if you want to use other locale, just set locale in entry file globally.</span>
    2432. 

  2432.   <span class="token keyword">import</span> dayjs <span class="token keyword">from</span> <span class="token string">'dayjs'</span><span class="token punctuation">;</span>
    2433. 

  2433.   <span class="token keyword">import</span> <span class="token string">'dayjs/locale/zh-cn'</span><span class="token punctuation">;</span>
    2434. 

  2434.   <span class="token keyword">import</span> locale <span class="token keyword">from</span> <span class="token string">'ant-design-vue/es/date-picker/locale/zh_CN'</span><span class="token punctuation">;</span>
    2435. 

  2435.   <span class="token keyword">import</span> <span class="token punctuation">{</span> defineComponent <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'vue'</span><span class="token punctuation">;</span>
    2436. 

  2436.   dayjs<span class="token punctuation">.</span><span class="token function">locale</span><span class="token punctuation">(</span><span class="token string">'zh-cn'</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    2437. 

  2437.   <span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token function">defineComponent</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
    2438. 

  2438.     <span class="token function">setup</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
    2439. 

  2439.       <span class="token keyword">return</span> <span class="token punctuation">{</span>
    2440. 

  2440.         <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token function">dayjs</span><span class="token punctuation">(</span><span class="token string">'2015-01-01'</span><span class="token punctuation">,</span> <span class="token string">'YYYY-MM-DD'</span><span class="token punctuation">)</span>
    2441. 

  2441.         dayjs<span class="token punctuation">,</span>
    2442. 

  2442.         locale
    2443. 

  2443.       <span class="token punctuation">}</span><span class="token punctuation">;</span>
    2444. 

  2444.     <span class="token punctuation">}</span><span class="token punctuation">,</span>
    2445. 

  2445.   <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    2446. 

  2446. </span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>
    2447. 

  2447. </code></pre>
    2448. 

  2448. <h3 id="Common-API">Common API <a class="header-anchor" href="#Common-API">
    2449. 

  2449.           <span aria-hidden="true" class="anchor">#</span>
    2450. 

  2450.         </a></h3>
    2451. 

  2451. <p>The following APIs are shared by DatePicker, RangePicker.</p>
    2452. 

  2452. <table>
    2453. 

  2453. <thead>
    2454. 

  2454. <tr>
    2455. 

  2455. <th>Property</th>
    2456. 

  2456. <th>Description</th>
    2457. 

  2457. <th>Type</th>
    2458. 

  2458. <th>Default</th>
    2459. 

  2459. <th>Version</th>
    2460. 

  2460. </tr>
    2461. 

  2461. </thead>
    2462. 

  2462. <tbody>
    2463. 

  2463. <tr>
    2464. 

  2464. <td>allowClear</td>
    2465. 

  2465. <td>Whether to show clear button</td>
    2466. 

  2466. <td>boolean</td>
    2467. 

  2467. <td>true</td>
    2468. 

  2468. <td></td>
    2469. 

  2469. </tr>
    2470. 

  2470. <tr>
    2471. 

  2471. <td>autofocus</td>
    2472. 

  2472. <td>If get focus when component mounted</td>
    2473. 

  2473. <td>boolean</td>
    2474. 

  2474. <td>false</td>
    2475. 

  2475. <td></td>
    2476. 

  2476. </tr>
    2477. 

  2477. <tr>
    2478. 

  2478. <td>bordered</td>
    2479. 

  2479. <td>Whether has border style</td>
    2480. 

  2480. <td>boolean</td>
    2481. 

  2481. <td>true</td>
    2482. 

  2482. <td></td>
    2483. 

  2483. </tr>
    2484. 

  2484. <tr>
    2485. 

  2485. <td>dateRender</td>
    2486. 

  2486. <td>Custom rendering function for date cells</td>
    2487. 

  2487. <td>v-slot:dateRender=&quot;{current, today}&quot;</td>
    2488. 

  2488. <td>-</td>
    2489. 

  2489. <td></td>
    2490. 

  2490. </tr>
    2491. 

  2491. <tr>
    2492. 

  2492. <td>disabled</td>
    2493. 

  2493. <td>Determine whether the DatePicker is disabled</td>
    2494. 

  2494. <td>boolean</td>
    2495. 

  2495. <td>false</td>
    2496. 

  2496. <td></td>
    2497. 

  2497. </tr>
    2498. 

  2498. <tr>
    2499. 

  2499. <td>disabledDate</td>
    2500. 

  2500. <td>Specify the date that cannot be selected</td>
    2501. 

  2501. <td>(currentDate: dayjs) =&gt; boolean</td>
    2502. 

  2502. <td>-</td>
    2503. 

  2503. <td></td>
    2504. 

  2504. </tr>
    2505. 

  2505. <tr>
    2506. 

  2506. <td>format</td>
    2507. 

  2507. <td>To set the date format, refer to <a href="https://day.js.org/" target="_blank" rel="noopener noreferrer">dayjs</a>. When an array is provided, all values are used for parsing and first value is used for formatting, support <a href="#components-date-picker-demo-format">Custom Format</a></td>
    2508. 

  2508. <td><a href="#formatType">formatType</a></td>
    2509. 

  2509. <td><code>YYYY-MM-DD</code></td>
    2510. 

  2510. <td></td>
    2511. 

  2511. </tr>
    2512. 

  2512. <tr>
    2513. 

  2513. <td>dropdownClassName</td>
    2514. 

  2514. <td>To customize the className of the popup calendar</td>
    2515. 

  2515. <td>string</td>
    2516. 

  2516. <td>-</td>
    2517. 

  2517. <td></td>
    2518. 

  2518. </tr>
    2519. 

  2519. <tr>
    2520. 

  2520. <td>getPopupContainer</td>
    2521. 

  2521. <td>To set the container of the floating layer, while the default is to create a <code>div</code> element in <code>body</code></td>
    2522. 

  2522. <td>function(trigger)</td>
    2523. 

  2523. <td>-</td>
    2524. 

  2524. <td></td>
    2525. 

  2525. </tr>
    2526. 

  2526. <tr>
    2527. 

  2527. <td>inputReadOnly</td>
    2528. 

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

  2529. <td>boolean</td>
    2530. 

  2530. <td>false</td>
    2531. 

  2531. <td></td>
    2532. 

  2532. </tr>
    2533. 

  2533. <tr>
    2534. 

  2534. <td>locale</td>
    2535. 

  2535. <td>Localization configuration</td>
    2536. 

  2536. <td>object</td>
    2537. 

  2537. <td><a href="https://github.com/vueComponent/ant-design-vue/blob/main/components/date-picker/locale/example.json" target="_blank" rel="noopener noreferrer">default</a></td>
    2538. 

  2538. <td></td>
    2539. 

  2539. </tr>
    2540. 

  2540. <tr>
    2541. 

  2541. <td>mode</td>
    2542. 

  2542. <td>The picker panel mode</td>
    2543. 

  2543. <td><code>time</code> | <code>date</code> | <code>month</code> | <code>year</code> | <code>decade</code></td>
    2544. 

  2544. <td>-</td>
    2545. 

  2545. <td></td>
    2546. 

  2546. </tr>
    2547. 

  2547. <tr>
    2548. 

  2548. <td>nextIcon</td>
    2549. 

  2549. <td>The custom next icon</td>
    2550. 

  2550. <td>slot</td>
    2551. 

  2551. <td>-</td>
    2552. 

  2552. <td>3.0</td>
    2553. 

  2553. </tr>
    2554. 

  2554. <tr>
    2555. 

  2555. <td>open</td>
    2556. 

  2556. <td>The open state of picker</td>
    2557. 

  2557. <td>boolean</td>
    2558. 

  2558. <td>-</td>
    2559. 

  2559. <td></td>
    2560. 

  2560. </tr>
    2561. 

  2561. <tr>
    2562. 

  2562. <td>picker</td>
    2563. 

  2563. <td>Set picker type</td>
    2564. 

  2564. <td><code>date</code> | <code>week</code> | <code>month</code> | <code>quarter</code> | <code>year</code></td>
    2565. 

  2565. <td><code>date</code></td>
    2566. 

  2566. <td><code>quarter</code></td>
    2567. 

  2567. </tr>
    2568. 

  2568. <tr>
    2569. 

  2569. <td>placeholder</td>
    2570. 

  2570. <td>The placeholder of date input</td>
    2571. 

  2571. <td>string | [string,string]</td>
    2572. 

  2572. <td>-</td>
    2573. 

  2573. <td></td>
    2574. 

  2574. </tr>
    2575. 

  2575. <tr>
    2576. 

  2576. <td>popupStyle</td>
    2577. 

  2577. <td>To customize the style of the popup calendar</td>
    2578. 

  2578. <td>CSSProperties</td>
    2579. 

  2579. <td>{}</td>
    2580. 

  2580. <td></td>
    2581. 

  2581. </tr>
    2582. 

  2582. <tr>
    2583. 

  2583. <td>prevIcon</td>
    2584. 

  2584. <td>The custom prev icon</td>
    2585. 

  2585. <td>slot</td>
    2586. 

  2586. <td>-</td>
    2587. 

  2587. <td>3.0</td>
    2588. 

  2588. </tr>
    2589. 

  2589. <tr>
    2590. 

  2590. <td>size</td>
    2591. 

  2591. <td>To determine the size of the input box, the height of <code>large</code> and <code>small</code>, are 40px and 24px respectively, while default size is 32px</td>
    2592. 

  2592. <td><code>large</code> | <code>middle</code> | <code>small</code></td>
    2593. 

  2593. <td>-</td>
    2594. 

  2594. <td></td>
    2595. 

  2595. </tr>
    2596. 

  2596. <tr>
    2597. 

  2597. <td>suffixIcon</td>
    2598. 

  2598. <td>The custom suffix icon</td>
    2599. 

  2599. <td>v-slot:suffixIcon</td>
    2600. 

  2600. <td>-</td>
    2601. 

  2601. <td></td>
    2602. 

  2602. </tr>
    2603. 

  2603. <tr>
    2604. 

  2604. <td>superNextIcon</td>
    2605. 

  2605. <td>The custom super next icon</td>
    2606. 

  2606. <td>slot</td>
    2607. 

  2607. <td>-</td>
    2608. 

  2608. <td>3.0</td>
    2609. 

  2609. </tr>
    2610. 

  2610. <tr>
    2611. 

  2611. <td>superPrevIcon</td>
    2612. 

  2612. <td>The custom super prev icon</td>
    2613. 

  2613. <td>slot</td>
    2614. 

  2614. <td>-</td>
    2615. 

  2615. <td>3.0</td>
    2616. 

  2616. </tr>
    2617. 

  2617. <tr>
    2618. 

  2618. <td>valueFormat</td>
    2619. 

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

  2620. <td>string\uFF0C<a href="https://day.js.org/docs/en/display/format" target="_blank" rel="noopener noreferrer">date formats</a></td>
    2621. 

  2621. <td>-</td>
    2622. 

  2622. <td></td>
    2623. 

  2623. </tr>
    2624. 

  2624. </tbody>
    2625. 

  2625. </table>
    2626. 

  2626. <h3 id="Common-Events">Common Events <a class="header-anchor" href="#Common-Events">
    2627. 

  2627.           <span aria-hidden="true" class="anchor">#</span>
    2628. 

  2628.         </a></h3>
    2629. 

  2629. <table>
    2630. 

  2630. <thead>
    2631. 

  2631. <tr>
    2632. 

  2632. <th>Events Name</th>
    2633. 

  2633. <th>Description</th>
    2634. 

  2634. <th>Arguments</th>
    2635. 

  2635. <th>Version</th>
    2636. 

  2636. </tr>
    2637. 

  2637. </thead>
    2638. 

  2638. <tbody>
    2639. 

  2639. <tr>
    2640. 

  2640. <td>openChange</td>
    2641. 

  2641. <td>a callback function, can be executed whether the popup calendar is popped up or closed</td>
    2642. 

  2642. <td>function(status)</td>
    2643. 

  2643. <td></td>
    2644. 

  2644. </tr>
    2645. 

  2645. <tr>
    2646. 

  2646. <td>panelChange</td>
    2647. 

  2647. <td>callback when picker panel mode is changed</td>
    2648. 

  2648. <td>function(value, mode)</td>
    2649. 

  2649. <td></td>
    2650. 

  2650. </tr>
    2651. 

  2651. </tbody>
    2652. 

  2652. </table>
    2653. 

  2653. <h3 id="Common-Methods">Common Methods <a class="header-anchor" href="#Common-Methods">
    2654. 

  2654.           <span aria-hidden="true" class="anchor">#</span>
    2655. 

  2655.         </a></h3>
    2656. 

  2656. <table>
    2657. 

  2657. <thead>
    2658. 

  2658. <tr>
    2659. 

  2659. <th>Name</th>
    2660. 

  2660. <th>Description</th>
    2661. 

  2661. <th>Version</th>
    2662. 

  2662. </tr>
    2663. 

  2663. </thead>
    2664. 

  2664. <tbody>
    2665. 

  2665. <tr>
    2666. 

  2666. <td>blur()</td>
    2667. 

  2667. <td>remove focus</td>
    2668. 

  2668. <td></td>
    2669. 

  2669. </tr>
    2670. 

  2670. <tr>
    2671. 

  2671. <td>focus()</td>
    2672. 

  2672. <td>get focus</td>
    2673. 

  2673. <td></td>
    2674. 

  2674. </tr>
    2675. 

  2675. </tbody>
    2676. 

  2676. </table>
    2677. 

  2677. <h3 id="DatePicker">DatePicker <a class="header-anchor" href="#DatePicker">
    2678. 

  2678.           <span aria-hidden="true" class="anchor">#</span>
    2679. 

  2679.         </a></h3>
    2680. 

  2680. <table>
    2681. 

  2681. <thead>
    2682. 

  2682. <tr>
    2683. 

  2683. <th>Property</th>
    2684. 

  2684. <th>Description</th>
    2685. 

  2685. <th>Type</th>
    2686. 

  2686. <th>Default</th>
    2687. 

  2687. <th>Version</th>
    2688. 

  2688. </tr>
    2689. 

  2689. </thead>
    2690. 

  2690. <tbody>
    2691. 

  2691. <tr>
    2692. 

  2692. <td>defaultPickerValue</td>
    2693. 

  2693. <td>To set default picker date</td>
    2694. 

  2694. <td><a href="https://day.js.org/" target="_blank" rel="noopener noreferrer">dayjs</a></td>
    2695. 

  2695. <td>-</td>
    2696. 

  2696. <td></td>
    2697. 

  2697. </tr>
    2698. 

  2698. <tr>
    2699. 

  2699. <td>disabledTime</td>
    2700. 

  2700. <td>To specify the time that cannot be selected</td>
    2701. 

  2701. <td>function(date)</td>
    2702. 

  2702. <td>-</td>
    2703. 

  2703. <td></td>
    2704. 

  2704. </tr>
    2705. 

  2705. <tr>
    2706. 

  2706. <td>format</td>
    2707. 

  2707. <td>To set the date format, refer to <a href="https://day.js.org/" target="_blank" rel="noopener noreferrer">dayjs</a></td>
    2708. 

  2708. <td><a href="#formatType">formatType</a></td>
    2709. 

  2709. <td><code>YYYY-MM-DD</code></td>
    2710. 

  2710. <td></td>
    2711. 

  2711. </tr>
    2712. 

  2712. <tr>
    2713. 

  2713. <td>renderExtraFooter</td>
    2714. 

  2714. <td>Render extra footer in panel</td>
    2715. 

  2715. <td>v-slot:renderExtraFooter=&quot;mode&quot;</td>
    2716. 

  2716. <td>-</td>
    2717. 

  2717. <td></td>
    2718. 

  2718. </tr>
    2719. 

  2719. <tr>
    2720. 

  2720. <td>showNow</td>
    2721. 

  2721. <td>Whether to show 'Now' button on panel when <code>showTime</code> is set</td>
    2722. 

  2722. <td>boolean</td>
    2723. 

  2723. <td>-</td>
    2724. 

  2724. <td></td>
    2725. 

  2725. </tr>
    2726. 

  2726. <tr>
    2727. 

  2727. <td>showTime</td>
    2728. 

  2728. <td>To provide an additional time selection</td>
    2729. 

  2729. <td>object | boolean</td>
    2730. 

  2730. <td><a href="/components/time-picker/#API">TimePicker Options</a></td>
    2731. 

  2731. <td></td>
    2732. 

  2732. </tr>
    2733. 

  2733. <tr>
    2734. 

  2734. <td>showTime.defaultValue</td>
    2735. 

  2735. <td>To set default time of selected date, <a href="#components-date-picker-demo-disabled-date">demo</a></td>
    2736. 

  2736. <td><a href="https://day.js.org/" target="_blank" rel="noopener noreferrer">dayjs</a></td>
    2737. 

  2737. <td>dayjs()</td>
    2738. 

  2738. <td></td>
    2739. 

  2739. </tr>
    2740. 

  2740. <tr>
    2741. 

  2741. <td>showToday</td>
    2742. 

  2742. <td>Whether to show <code>Today</code> button</td>
    2743. 

  2743. <td>boolean</td>
    2744. 

  2744. <td>true</td>
    2745. 

  2745. <td></td>
    2746. 

  2746. </tr>
    2747. 

  2747. <tr>
    2748. 

  2748. <td>value(v-model)</td>
    2749. 

  2749. <td>To set date</td>
    2750. 

  2750. <td><a href="https://day.js.org/" target="_blank" rel="noopener noreferrer">dayjs</a></td>
    2751. 

  2751. <td>-</td>
    2752. 

  2752. <td></td>
    2753. 

  2753. </tr>
    2754. 

  2754. </tbody>
    2755. 

  2755. </table>
    2756. 

  2756. <h3 id="DatePicker-Events">DatePicker Events <a class="header-anchor" href="#DatePicker-Events">
    2757. 

  2757.           <span aria-hidden="true" class="anchor">#</span>
    2758. 

  2758.         </a></h3>
    2759. 

  2759. <table>
    2760. 

  2760. <thead>
    2761. 

  2761. <tr>
    2762. 

  2762. <th>Events Name</th>
    2763. 

  2763. <th>Description</th>
    2764. 

  2764. <th>Arguments</th>
    2765. 

  2765. <th>Version</th>
    2766. 

  2766. </tr>
    2767. 

  2767. </thead>
    2768. 

  2768. <tbody>
    2769. 

  2769. <tr>
    2770. 

  2770. <td>change</td>
    2771. 

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

  2772. <td>function(date: dayjs | string, dateString: string)</td>
    2773. 

  2773. <td></td>
    2774. 

  2774. </tr>
    2775. 

  2775. <tr>
    2776. 

  2776. <td>ok</td>
    2777. 

  2777. <td>callback when click ok button</td>
    2778. 

  2778. <td>function(date: dayjs | string)</td>
    2779. 

  2779. <td></td>
    2780. 

  2780. </tr>
    2781. 

  2781. </tbody>
    2782. 

  2782. </table>
    2783. 

  2783. <h3 id="DatePicker-picker-year">DatePicker[picker=year] <a class="header-anchor" href="#DatePicker-picker-year">
    2784. 

  2784.           <span aria-hidden="true" class="anchor">#</span>
    2785. 

  2785.         </a></h3>
    2786. 

  2786. <table>
    2787. 

  2787. <thead>
    2788. 

  2788. <tr>
    2789. 

  2789. <th>Property</th>
    2790. 

  2790. <th>Description</th>
    2791. 

  2791. <th>Type</th>
    2792. 

  2792. <th>Default</th>
    2793. 

  2793. <th>Version</th>
    2794. 

  2794. </tr>
    2795. 

  2795. </thead>
    2796. 

  2796. <tbody>
    2797. 

  2797. <tr>
    2798. 

  2798. <td>format</td>
    2799. 

  2799. <td>To set the date format, refer to <a href="https://day.js.org/" target="_blank" rel="noopener noreferrer">dayjs</a></td>
    2800. 

  2800. <td><a href="#formatType">formatType</a></td>
    2801. 

  2801. <td><code>YYYY</code></td>
    2802. 

  2802. <td></td>
    2803. 

  2803. </tr>
    2804. 

  2804. </tbody>
    2805. 

  2805. </table>
    2806. 

  2806. <h3 id="DatePicker-picker-quarter">DatePicker[picker=quarter] <a class="header-anchor" href="#DatePicker-picker-quarter">
    2807. 

  2807.           <span aria-hidden="true" class="anchor">#</span>
    2808. 

  2808.         </a></h3>
    2809. 

  2809. <table>
    2810. 

  2810. <thead>
    2811. 

  2811. <tr>
    2812. 

  2812. <th>Property</th>
    2813. 

  2813. <th>Description</th>
    2814. 

  2814. <th>Type</th>
    2815. 

  2815. <th>Default</th>
    2816. 

  2816. <th>Version</th>
    2817. 

  2817. </tr>
    2818. 

  2818. </thead>
    2819. 

  2819. <tbody>
    2820. 

  2820. <tr>
    2821. 

  2821. <td>format</td>
    2822. 

  2822. <td>To set the date format, refer to <a href="https://day.js.org/" target="_blank" rel="noopener noreferrer">dayjs</a></td>
    2823. 

  2823. <td><a href="#formatType">formatType</a></td>
    2824. 

  2824. <td><code>YYYY-\\QQ</code></td>
    2825. 

  2825. <td></td>
    2826. 

  2826. </tr>
    2827. 

  2827. </tbody>
    2828. 

  2828. </table>
    2829. 

  2829. <h3 id="DatePicker-picker-month">DatePicker[picker=month] <a class="header-anchor" href="#DatePicker-picker-month">
    2830. 

  2830.           <span aria-hidden="true" class="anchor">#</span>
    2831. 

  2831.         </a></h3>
    2832. 

  2832. <table>
    2833. 

  2833. <thead>
    2834. 

  2834. <tr>
    2835. 

  2835. <th>Property</th>
    2836. 

  2836. <th>Description</th>
    2837. 

  2837. <th>Type</th>
    2838. 

  2838. <th>Default</th>
    2839. 

  2839. <th>Version</th>
    2840. 

  2840. </tr>
    2841. 

  2841. </thead>
    2842. 

  2842. <tbody>
    2843. 

  2843. <tr>
    2844. 

  2844. <td>format</td>
    2845. 

  2845. <td>To set the date format, refer to <a href="https://day.js.org/" target="_blank" rel="noopener noreferrer">dayjs</a></td>
    2846. 

  2846. <td><a href="#formatType">formatType</a></td>
    2847. 

  2847. <td><code>YYYY-MM</code></td>
    2848. 

  2848. <td></td>
    2849. 

  2849. </tr>
    2850. 

  2850. <tr>
    2851. 

  2851. <td>monthCellRender</td>
    2852. 

  2852. <td>Custom month cell content render method</td>
    2853. 

  2853. <td>v-slot:monthCellRender=&quot;{current, locale}&quot;</td>
    2854. 

  2854. <td>-</td>
    2855. 

  2855. <td></td>
    2856. 

  2856. </tr>
    2857. 

  2857. </tbody>
    2858. 

  2858. </table>
    2859. 

  2859. <h3 id="DatePicker-picker-week">DatePicker[picker=week] <a class="header-anchor" href="#DatePicker-picker-week">
    2860. 

  2860.           <span aria-hidden="true" class="anchor">#</span>
    2861. 

  2861.         </a></h3>
    2862. 

  2862. <table>
    2863. 

  2863. <thead>
    2864. 

  2864. <tr>
    2865. 

  2865. <th>Property</th>
    2866. 

  2866. <th>Description</th>
    2867. 

  2867. <th>Type</th>
    2868. 

  2868. <th>Default</th>
    2869. 

  2869. <th>Version</th>
    2870. 

  2870. </tr>
    2871. 

  2871. </thead>
    2872. 

  2872. <tbody>
    2873. 

  2873. <tr>
    2874. 

  2874. <td>format</td>
    2875. 

  2875. <td>To set the date format, refer to <a href="https://day.js.org/" target="_blank" rel="noopener noreferrer">dayjs</a></td>
    2876. 

  2876. <td><a href="#formatType">formatType</a></td>
    2877. 

  2877. <td><code>YYYY-wo</code></td>
    2878. 

  2878. <td></td>
    2879. 

  2879. </tr>
    2880. 

  2880. </tbody>
    2881. 

  2881. </table>
    2882. 

  2882. <h3 id="RangePicker">RangePicker <a class="header-anchor" href="#RangePicker">
    2883. 

  2883.           <span aria-hidden="true" class="anchor">#</span>
    2884. 

  2884.         </a></h3>
    2885. 

  2885. <table>
    2886. 

  2886. <thead>
    2887. 

  2887. <tr>
    2888. 

  2888. <th>Property</th>
    2889. 

  2889. <th>Description</th>
    2890. 

  2890. <th>Type</th>
    2891. 

  2891. <th>Default</th>
    2892. 

  2892. <th>Version</th>
    2893. 

  2893. </tr>
    2894. 

  2894. </thead>
    2895. 

  2895. <tbody>
    2896. 

  2896. <tr>
    2897. 

  2897. <td>allowEmpty</td>
    2898. 

  2898. <td>Allow start or end input leave empty</td>
    2899. 

  2899. <td>[boolean, boolean]</td>
    2900. 

  2900. <td>[false, false]</td>
    2901. 

  2901. <td></td>
    2902. 

  2902. </tr>
    2903. 

  2903. <tr>
    2904. 

  2904. <td>dateRender</td>
    2905. 

  2905. <td>Customize date cell.</td>
    2906. 

  2906. <td>v-slot:dateRender=&quot;{current: dayjs, today: dayjs, info: { range: <code>start</code> | <code>end</code> }}&quot;</td>
    2907. 

  2907. <td>-</td>
    2908. 

  2908. <td></td>
    2909. 

  2909. </tr>
    2910. 

  2910. <tr>
    2911. 

  2911. <td>defaultPickerValue</td>
    2912. 

  2912. <td>To set default picker date</td>
    2913. 

  2913. <td>[<a href="https://day.js.org/" target="_blank" rel="noopener noreferrer">dayjs</a>, <a href="https://day.js.org/" target="_blank" rel="noopener noreferrer">dayjs</a>]</td>
    2914. 

  2914. <td>-</td>
    2915. 

  2915. <td></td>
    2916. 

  2916. </tr>
    2917. 

  2917. <tr>
    2918. 

  2918. <td>disabled</td>
    2919. 

  2919. <td>If disable start or end</td>
    2920. 

  2920. <td>[boolean, boolean]</td>
    2921. 

  2921. <td>-</td>
    2922. 

  2922. <td></td>
    2923. 

  2923. </tr>
    2924. 

  2924. <tr>
    2925. 

  2925. <td>disabledTime</td>
    2926. 

  2926. <td>To specify the time that cannot be selected</td>
    2927. 

  2927. <td>function(date: dayjs, partial: <code>start</code> | <code>end</code>)</td>
    2928. 

  2928. <td>-</td>
    2929. 

  2929. <td></td>
    2930. 

  2930. </tr>
    2931. 

  2931. <tr>
    2932. 

  2932. <td>format</td>
    2933. 

  2933. <td>To set the date format, refer to <a href="https://day.js.org/" target="_blank" rel="noopener noreferrer">dayjs</a></td>
    2934. 

  2934. <td><a href="#formatType">formatType</a></td>
    2935. 

  2935. <td><code>YYYY-MM-DD HH:mm:ss</code></td>
    2936. 

  2936. <td></td>
    2937. 

  2937. </tr>
    2938. 

  2938. <tr>
    2939. 

  2939. <td>ranges</td>
    2940. 

  2940. <td>The preseted ranges for quick selection</td>
    2941. 

  2941. <td>{ [range: string]: <a href="https://day.js.org/" target="_blank" rel="noopener noreferrer">dayjs</a>[] } | { [range: string]: () =&gt; <a href="https://day.js.org/" target="_blank" rel="noopener noreferrer">dayjs</a>[] }</td>
    2942. 

  2942. <td>-</td>
    2943. 

  2943. <td></td>
    2944. 

  2944. </tr>
    2945. 

  2945. <tr>
    2946. 

  2946. <td>renderExtraFooter</td>
    2947. 

  2947. <td>Render extra footer in panel</td>
    2948. 

  2948. <td>v-slot:renderExtraFooter=&quot;mode&quot;</td>
    2949. 

  2949. <td>-</td>
    2950. 

  2950. <td></td>
    2951. 

  2951. </tr>
    2952. 

  2952. <tr>
    2953. 

  2953. <td>separator</td>
    2954. 

  2954. <td>Set separator between inputs</td>
    2955. 

  2955. <td>string | v-slot:separator</td>
    2956. 

  2956. <td><code>&lt;SwapRightOutlined /&gt;</code></td>
    2957. 

  2957. <td></td>
    2958. 

  2958. </tr>
    2959. 

  2959. <tr>
    2960. 

  2960. <td>showTime</td>
    2961. 

  2961. <td>To provide an additional time selection</td>
    2962. 

  2962. <td>object | boolean</td>
    2963. 

  2963. <td><a href="/components/time-picker/#API">TimePicker Options</a></td>
    2964. 

  2964. <td></td>
    2965. 

  2965. </tr>
    2966. 

  2966. <tr>
    2967. 

  2967. <td>showTime.defaultValue</td>
    2968. 

  2968. <td>To set default time of selected date, <a href="#components-date-picker-demo-disabled-date">demo</a></td>
    2969. 

  2969. <td><a href="https://day.js.org/" target="_blank" rel="noopener noreferrer">dayjs</a>[]</td>
    2970. 

  2970. <td>[dayjs(), dayjs()]</td>
    2971. 

  2971. <td></td>
    2972. 

  2972. </tr>
    2973. 

  2973. <tr>
    2974. 

  2974. <td>value(v-model)</td>
    2975. 

  2975. <td>To set date</td>
    2976. 

  2976. <td>[<a href="https://day.js.org/" target="_blank" rel="noopener noreferrer">dayjs</a>, <a href="https://day.js.org/" target="_blank" rel="noopener noreferrer">dayjs</a>]</td>
    2977. 

  2977. <td>-</td>
    2978. 

  2978. <td></td>
    2979. 

  2979. </tr>
    2980. 

  2980. </tbody>
    2981. 

  2981. </table>
    2982. 

  2982. <h3 id="RangePicker-Events">RangePicker Events <a class="header-anchor" href="#RangePicker-Events">
    2983. 

  2983.           <span aria-hidden="true" class="anchor">#</span>
    2984. 

  2984.         </a></h3>
    2985. 

  2985. <table>
    2986. 

  2986. <thead>
    2987. 

  2987. <tr>
    2988. 

  2988. <th>Events Name</th>
    2989. 

  2989. <th>Description</th>
    2990. 

  2990. <th>Arguments</th>
    2991. 

  2991. <th>Version</th>
    2992. 

  2992. <th></th>
    2993. 

  2993. </tr>
    2994. 

  2994. </thead>
    2995. 

  2995. <tbody>
    2996. 

  2996. <tr>
    2997. 

  2997. <td>calendarChange</td>
    2998. 

  2998. <td>Callback function, can be executed when the start time or the end time of the range is changing.</td>
    2999. 

  2999. <td>function(dates: [dayjs, dayjs], dateStrings: [string, string], info: { range:<code>start</code>|<code>end</code> })</td>
    3000. 

  3000. <td>-</td>
    3001. 

  3001. <td></td>
    3002. 

  3002. </tr>
    3003. 

  3003. <tr>
    3004. 

  3004. <td>change</td>
    3005. 

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

  3006. <td>function(dates: [dayjs, dayjs] | [string, string], dateStrings: [string, string])</td>
    3007. 

  3007. <td></td>
    3008. 

  3008. <td></td>
    3009. 

  3009. </tr>
    3010. 

  3010. <tr>
    3011. 

  3011. <td>ok</td>
    3012. 

  3012. <td>callback when click ok button</td>
    3013. 

  3013. <td>function(dates: [dayjs, dayjs] | [string, string])</td>
    3014. 

  3014. <td></td>
    3015. 

  3015. <td></td>
    3016. 

  3016. </tr>
    3017. 

  3017. </tbody>
    3018. 

  3018. </table>
    3019. 

  3019. <h4 id="formatType">formatType <a class="header-anchor" href="#formatType">
    3020. 

  3020.           <span aria-hidden="true" class="anchor">#</span>
    3021. 

  3021.         </a></h4>
    3022. 

  3022. <pre class="language-typescript" v-pre><code><span class="token keyword">import</span> <span class="token keyword">type</span> <span class="token punctuation">{</span> Dayjs <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'dayjs'</span><span class="token punctuation">;</span>
    3023. 

  3023. 

  3024. <span class="token keyword">type</span> <span class="token class-name">Generic</span> <span class="token operator">=</span> <span class="token builtin">string</span><span class="token punctuation">;</span>
    3025. 

  3025. <span class="token keyword">type</span> <span class="token class-name">GenericFn</span> <span class="token operator">=</span> <span class="token punctuation">(</span>value<span class="token operator">:</span> Dayjs<span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token builtin">string</span><span class="token punctuation">;</span>
    3026. 

  3026. 

  3027. <span class="token keyword">export</span> <span class="token keyword">type</span> <span class="token class-name">FormatType</span> <span class="token operator">=</span> Generic <span class="token operator">|</span> GenericFn <span class="token operator">|</span> <span class="token builtin">Array</span><span class="token operator">&lt;</span>Generic <span class="token operator">|</span> GenericFn<span class="token operator">></span><span class="token punctuation">;</span>
    3028. 

  3028. </code></pre>
    3029. 

  3029. <h2 id="FAQ">FAQ <a class="header-anchor" href="#FAQ">
    3030. 

  3030.           <span aria-hidden="true" class="anchor">#</span>
    3031. 

  3031.         </a></h2>
    3032. 

  3032. <h3 id="How-to-use-DatePicker-with-customize-date-library\uFF08like-moment-js-dayjs-date-fns\uFF09\uFF1F">How to use DatePicker with customize date library\uFF08like moment.js | dayjs | date-fns\uFF09\uFF1F <a class="header-anchor" href="#How-to-use-DatePicker-with-customize-date-library\uFF08like-moment-js-dayjs-date-fns\uFF09\uFF1F">
    3033. 

  3033.           <span aria-hidden="true" class="anchor">#</span>
    3034. 

  3034.         </a></h3>
    3035. 

  3035. <p>Please refer <a href="/docs/vue/replace-date">replace date</a></p>
    3036. 

  3036. <h3 id="Why-config-dayjs-locale-globally-not-work">Why config dayjs.locale globally not work? <a class="header-anchor" href="#Why-config-dayjs-locale-globally-not-work">
    3037. 

  3037.           <span aria-hidden="true" class="anchor">#</span>
    3038. 

  3038.         </a></h3>
    3039. 

  3039. <p>DatePicker default set <code>locale</code> as <code>en</code> in v4. You can config DatePicker <code>locale</code> prop or <a href="/components/config-provider">ConfigProvider <code>locale</code></a> prop instead.</p>
    3040. 

  3040. <h3 id="How-to-modify-start-day-of-week">How to modify start day of week? <a class="header-anchor" href="#How-to-modify-start-day-of-week">
    3041. 

  3041.           <span aria-hidden="true" class="anchor">#</span>
    3042. 

  3042.         </a></h3>
    3043. 

  3043. <p>Please use correct <a href="/docs/vue/i18n">language</a> (<a href="https://github.com/ant-design/ant-design/issues/5605" target="_blank" rel="noopener noreferrer">#5605</a>), or update dayjs <code>locale</code> config:</p>
    3044. 

  3044. <ul>
    3045. 

  3045. <li>Example: <a href="https://codesandbox.io/s/dayjs-day-of-week-x9tuj2?file=/demo.tsx" target="_blank" rel="noopener noreferrer">https://codesandbox.io/s/dayjs-day-of-week-x9tuj2?file=/demo.tsx</a></li>
    3046. 

  3046. </ul>
    3047. 

  3047. <pre class="language-js" v-pre><code><span class="token keyword">import</span> dayjs <span class="token keyword">from</span> <span class="token string">'dayjs'</span><span class="token punctuation">;</span>
    3048. 

  3048. <span class="token keyword">import</span> updateLocale <span class="token keyword">from</span> <span class="token string">'dayjs/plugin/updateLocale'</span><span class="token punctuation">;</span>
    3049. 

  3049. <span class="token keyword">import</span> <span class="token string">'dayjs/locale/zh-cn'</span><span class="token punctuation">;</span>
    3050. 

  3050. 

  3051. dayjs<span class="token punctuation">.</span><span class="token function">extend</span><span class="token punctuation">(</span>updateLocale<span class="token punctuation">)</span><span class="token punctuation">;</span>
    3052. 

  3052. dayjs<span class="token punctuation">.</span><span class="token function">updateLocale</span><span class="token punctuation">(</span><span class="token string">'zh-cn'</span><span class="token punctuation">,</span> <span class="token punctuation">{</span>
    3053. 

  3053.   <span class="token literal-property property">weekStart</span><span class="token operator">:</span> <span class="token number">0</span><span class="token punctuation">,</span>
    3054. 

  3054. <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    3055. 

  3055. </code></pre>
    3056. 

  3056. `,lastUpdated:1748060300685}},Fn={class:"markdown"};function Bn(s,t,i,h,g,m){return C(),Y("article",Fn,t[0]||(t[0]=[W(`<p>To select or input a date.</p><h2 id="When-To-Use">When To Use <a class="header-anchor" href="#When-To-Use"><span aria-hidden="true" class="anchor">#</span></a></h2><p>By clicking the input box, you can select a date from a popup calendar.</p><h2 id="API">API <a class="header-anchor" href="#API"><span aria-hidden="true" class="anchor">#</span></a></h2><p>There are five kinds of picker:</p><ul><li>DatePicker</li><li>DatePicker[picker=&quot;month&quot;]</li><li>DatePicker[picker=&quot;week&quot;]</li><li>DatePicker[picker=&quot;year&quot;]</li><li>DatePicker[picker=&quot;quarter&quot;]</li><li>RangePicker</li></ul><h3 id="Localization">Localization <a class="header-anchor" href="#Localization"><span aria-hidden="true" class="anchor">#</span></a></h3><p>The default locale is en-US, if you need to use other languages, recommend to use internationalized components provided by us at the entrance. Look at: <a href="/components/config-provider/">ConfigProvider</a>.</p><p>If there are special needs (only modifying single component language), Please use the property: local. Example: <a href="https://github.com/vueComponent/ant-design-vue/blob/main/components/date-picker/locale/example.json" target="_blank" rel="noopener noreferrer">default</a>.</p><pre class="language-html"><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>template</span><span class="token punctuation">&gt;</span></span>
    3057. 

  3057.   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-date-picker</span> <span class="token attr-name"><span class="token namespace">v-model:</span>value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>value<span class="token punctuation">&quot;</span></span> <span class="token attr-name">:locale</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>locale<span class="token punctuation">&quot;</span></span> <span class="token punctuation">/&gt;</span></span>
    3058. 

  3058. <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>template</span><span class="token punctuation">&gt;</span></span>
    3059. 

  3059. <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">&gt;</span></span><span class="token script"><span class="token language-javascript">
    3060. 

  3060.   <span class="token keyword">import</span> locale <span class="token keyword">from</span> <span class="token string">&#39;ant-design-vue/es/date-picker/locale/zh_CN&#39;</span><span class="token punctuation">;</span>
    3061. 

  3061.   <span class="token keyword">import</span> <span class="token punctuation">{</span> defineComponent <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">&#39;vue&#39;</span><span class="token punctuation">;</span>
    3062. 

  3062.   <span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token function">defineComponent</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
    3063. 

  3063.     <span class="token function">setup</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
    3064. 

  3064.       <span class="token keyword">return</span> <span class="token punctuation">{</span>
    3065. 

  3065.         locale<span class="token punctuation">,</span>
    3066. 

  3066.         <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token keyword">null</span><span class="token punctuation">,</span>
    3067. 

  3067.       <span class="token punctuation">}</span><span class="token punctuation">;</span>
    3068. 

  3068.     <span class="token punctuation">}</span><span class="token punctuation">,</span>
    3069. 

  3069.   <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    3070. 

  3070. </span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">&gt;</span></span>
    3071. 

  3071. </code></pre><pre class="language-html"><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>template</span><span class="token punctuation">&gt;</span></span>
    3072. 

  3072.   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-config-provider</span> <span class="token attr-name">:locale</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>locale<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
    3073. 

  3073.     <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>a-date-picker</span> <span class="token attr-name"><span class="token namespace">v-model:</span>value</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>value<span class="token punctuation">&quot;</span></span> <span class="token punctuation">/&gt;</span></span>
    3074. 

  3074.   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>a-config-provider</span><span class="token punctuation">&gt;</span></span>
    3075. 

  3075. <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>template</span><span class="token punctuation">&gt;</span></span>
    3076. 

  3076. <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">&gt;</span></span><span class="token script"><span class="token language-javascript">
    3077. 

  3077.   <span class="token comment">// The default locale is en-US, if you want to use other locale, just set locale in entry file globally.</span>
    3078. 

  3078.   <span class="token keyword">import</span> dayjs <span class="token keyword">from</span> <span class="token string">&#39;dayjs&#39;</span><span class="token punctuation">;</span>
    3079. 

  3079.   <span class="token keyword">import</span> <span class="token string">&#39;dayjs/locale/zh-cn&#39;</span><span class="token punctuation">;</span>
    3080. 

  3080.   <span class="token keyword">import</span> locale <span class="token keyword">from</span> <span class="token string">&#39;ant-design-vue/es/date-picker/locale/zh_CN&#39;</span><span class="token punctuation">;</span>
    3081. 

  3081.   <span class="token keyword">import</span> <span class="token punctuation">{</span> defineComponent <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">&#39;vue&#39;</span><span class="token punctuation">;</span>
    3082. 

  3082.   dayjs<span class="token punctuation">.</span><span class="token function">locale</span><span class="token punctuation">(</span><span class="token string">&#39;zh-cn&#39;</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    3083. 

  3083.   <span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token function">defineComponent</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
    3084. 

  3084.     <span class="token function">setup</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
    3085. 

  3085.       <span class="token keyword">return</span> <span class="token punctuation">{</span>
    3086. 

  3086.         <span class="token literal-property property">value</span><span class="token operator">:</span> <span class="token function">dayjs</span><span class="token punctuation">(</span><span class="token string">&#39;2015-01-01&#39;</span><span class="token punctuation">,</span> <span class="token string">&#39;YYYY-MM-DD&#39;</span><span class="token punctuation">)</span>
    3087. 

  3087.         dayjs<span class="token punctuation">,</span>
    3088. 

  3088.         locale
    3089. 

  3089.       <span class="token punctuation">}</span><span class="token punctuation">;</span>
    3090. 

  3090.     <span class="token punctuation">}</span><span class="token punctuation">,</span>
    3091. 

  3091.   <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    3092. 

  3092. </span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">&gt;</span></span>
    3093. 

  3093. </code></pre><h3 id="Common-API">Common API <a class="header-anchor" href="#Common-API"><span aria-hidden="true" class="anchor">#</span></a></h3><p>The following APIs are shared by DatePicker, RangePicker.</p><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th><th>Version</th></tr></thead><tbody><tr><td>allowClear</td><td>Whether to show clear button</td><td>boolean</td><td>true</td><td></td></tr><tr><td>autofocus</td><td>If get focus when component mounted</td><td>boolean</td><td>false</td><td></td></tr><tr><td>bordered</td><td>Whether has border style</td><td>boolean</td><td>true</td><td></td></tr><tr><td>dateRender</td><td>Custom rendering function for date cells</td><td>v-slot:dateRender=&quot;{current, today}&quot;</td><td>-</td><td></td></tr><tr><td>disabled</td><td>Determine whether the DatePicker is disabled</td><td>boolean</td><td>false</td><td></td></tr><tr><td>disabledDate</td><td>Specify the date that cannot be selected</td><td>(currentDate: dayjs) =&gt; boolean</td><td>-</td><td></td></tr><tr><td>format</td><td>To set the date format, refer to <a href="https://day.js.org/" target="_blank" rel="noopener noreferrer">dayjs</a>. When an array is provided, all values are used for parsing and first value is used for formatting, support <a href="#components-date-picker-demo-format">Custom Format</a></td><td><a href="#formatType">formatType</a></td><td><code>YYYY-MM-DD</code></td><td></td></tr><tr><td>dropdownClassName</td><td>To customize the className of the popup calendar</td><td>string</td><td>-</td><td></td></tr><tr><td>getPopupContainer</td><td>To set the container of the floating layer, while the default is to create a <code>div</code> element in <code>body</code></td><td>function(trigger)</td><td>-</td><td></td></tr><tr><td>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>locale</td><td>Localization configuration</td><td>object</td><td><a href="https://github.com/vueComponent/ant-design-vue/blob/main/components/date-picker/locale/example.json" target="_blank" rel="noopener noreferrer">default</a></td><td></td></tr><tr><td>mode</td><td>The picker panel mode</td><td><code>time</code> | <code>date</code> | <code>month</code> | <code>year</code> | <code>decade</code></td><td>-</td><td></td></tr><tr><td>nextIcon</td><td>The custom next icon</td><td>slot</td><td>-</td><td>3.0</td></tr><tr><td>open</td><td>The open state of picker</td><td>boolean</td><td>-</td><td></td></tr><tr><td>picker</td><td>Set picker type</td><td><code>date</code> | <code>week</code> | <code>month</code> | <code>quarter</code> | <code>year</code></td><td><code>date</code></td><td><code>quarter</code></td></tr><tr><td>placeholder</td><td>The placeholder of date input</td><td>string | [string,string]</td><td>-</td><td></td></tr><tr><td>popupStyle</td><td>To customize the style of the popup calendar</td><td>CSSProperties</td><td>{}</td><td></td></tr><tr><td>prevIcon</td><td>The custom prev icon</td><td>slot</td><td>-</td><td>3.0</td></tr><tr><td>size</td><td>To determine the size of the input box, the height of <code>large</code> and <code>small</code>, are 40px and 24px respectively, while default size is 32px</td><td><code>large</code> | <code>middle</code> | <code>small</code></td><td>-</td><td></td></tr><tr><td>suffixIcon</td><td>The custom suffix icon</td><td>v-slot:suffixIcon</td><td>-</td><td></td></tr><tr><td>superNextIcon</td><td>The custom super next icon</td><td>slot</td><td>-</td><td>3.0</td></tr><tr><td>superPrevIcon</td><td>The custom super prev icon</td><td>slot</td><td>-</td><td>3.0</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://day.js.org/docs/en/display/format" target="_blank" rel="noopener noreferrer">date formats</a></td><td>-</td><td></td></tr></tbody></table><h3 id="Common-Events">Common Events <a class="header-anchor" href="#Common-Events"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>Events Name</th><th>Description</th><th>Arguments</th><th>Version</th></tr></thead><tbody><tr><td>openChange</td><td>a callback function, can be executed whether the popup calendar is popped up or closed</td><td>function(status)</td><td></td></tr><tr><td>panelChange</td><td>callback when picker panel mode is changed</td><td>function(value, mode)</td><td></td></tr></tbody></table><h3 id="Common-Methods">Common Methods <a class="header-anchor" href="#Common-Methods"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>Name</th><th>Description</th><th>Version</th></tr></thead><tbody><tr><td>blur()</td><td>remove focus</td><td></td></tr><tr><td>focus()</td><td>get focus</td><td></td></tr></tbody></table><h3 id="DatePicker">DatePicker <a class="header-anchor" href="#DatePicker"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th><th>Version</th></tr></thead><tbody><tr><td>defaultPickerValue</td><td>To set default picker date</td><td><a href="https://day.js.org/" target="_blank" rel="noopener noreferrer">dayjs</a></td><td>-</td><td></td></tr><tr><td>disabledTime</td><td>To specify the time that cannot be selected</td><td>function(date)</td><td>-</td><td></td></tr><tr><td>format</td><td>To set the date format, refer to <a href="https://day.js.org/" target="_blank" rel="noopener noreferrer">dayjs</a></td><td><a href="#formatType">formatType</a></td><td><code>YYYY-MM-DD</code></td><td></td></tr><tr><td>renderExtraFooter</td><td>Render extra footer in panel</td><td>v-slot:renderExtraFooter=&quot;mode&quot;</td><td>-</td><td></td></tr><tr><td>showNow</td><td>Whether to show &#39;Now&#39; button on panel when <code>showTime</code> is set</td><td>boolean</td><td>-</td><td></td></tr><tr><td>showTime</td><td>To provide an additional time selection</td><td>object | boolean</td><td><a href="/components/time-picker/#API">TimePicker Options</a></td><td></td></tr><tr><td>showTime.defaultValue</td><td>To set default time of selected date, <a href="#components-date-picker-demo-disabled-date">demo</a></td><td><a href="https://day.js.org/" target="_blank" rel="noopener noreferrer">dayjs</a></td><td>dayjs()</td><td></td></tr><tr><td>showToday</td><td>Whether to show <code>Today</code> button</td><td>boolean</td><td>true</td><td></td></tr><tr><td>value(v-model)</td><td>To set date</td><td><a href="https://day.js.org/" target="_blank" rel="noopener noreferrer">dayjs</a></td><td>-</td><td></td></tr></tbody></table><h3 id="DatePicker-Events">DatePicker Events <a class="header-anchor" href="#DatePicker-Events"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>Events Name</th><th>Description</th><th>Arguments</th><th>Version</th></tr></thead><tbody><tr><td>change</td><td>a callback function, can be executed when the selected time is changing</td><td>function(date: dayjs | string, dateString: string)</td><td></td></tr><tr><td>ok</td><td>callback when click ok button</td><td>function(date: dayjs | string)</td><td></td></tr></tbody></table><h3 id="DatePicker-picker-year">DatePicker[picker=year] <a class="header-anchor" href="#DatePicker-picker-year"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th><th>Version</th></tr></thead><tbody><tr><td>format</td><td>To set the date format, refer to <a href="https://day.js.org/" target="_blank" rel="noopener noreferrer">dayjs</a></td><td><a href="#formatType">formatType</a></td><td><code>YYYY</code></td><td></td></tr></tbody></table><h3 id="DatePicker-picker-quarter">DatePicker[picker=quarter] <a class="header-anchor" href="#DatePicker-picker-quarter"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th><th>Version</th></tr></thead><tbody><tr><td>format</td><td>To set the date format, refer to <a href="https://day.js.org/" target="_blank" rel="noopener noreferrer">dayjs</a></td><td><a href="#formatType">formatType</a></td><td><code>YYYY-\\QQ</code></td><td></td></tr></tbody></table><h3 id="DatePicker-picker-month">DatePicker[picker=month] <a class="header-anchor" href="#DatePicker-picker-month"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th><th>Version</th></tr></thead><tbody><tr><td>format</td><td>To set the date format, refer to <a href="https://day.js.org/" target="_blank" rel="noopener noreferrer">dayjs</a></td><td><a href="#formatType">formatType</a></td><td><code>YYYY-MM</code></td><td></td></tr><tr><td>monthCellRender</td><td>Custom month cell content render method</td><td>v-slot:monthCellRender=&quot;{current, locale}&quot;</td><td>-</td><td></td></tr></tbody></table><h3 id="DatePicker-picker-week">DatePicker[picker=week] <a class="header-anchor" href="#DatePicker-picker-week"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th><th>Version</th></tr></thead><tbody><tr><td>format</td><td>To set the date format, refer to <a href="https://day.js.org/" target="_blank" rel="noopener noreferrer">dayjs</a></td><td><a href="#formatType">formatType</a></td><td><code>YYYY-wo</code></td><td></td></tr></tbody></table><h3 id="RangePicker">RangePicker <a class="header-anchor" href="#RangePicker"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>Property</th><th>Description</th><th>Type</th><th>Default</th><th>Version</th></tr></thead><tbody><tr><td>allowEmpty</td><td>Allow start or end input leave empty</td><td>[boolean, boolean]</td><td>[false, false]</td><td></td></tr><tr><td>dateRender</td><td>Customize date cell.</td><td>v-slot:dateRender=&quot;{current: dayjs, today: dayjs, info: { range: <code>start</code> | <code>end</code> }}&quot;</td><td>-</td><td></td></tr><tr><td>defaultPickerValue</td><td>To set default picker date</td><td>[<a href="https://day.js.org/" target="_blank" rel="noopener noreferrer">dayjs</a>, <a href="https://day.js.org/" target="_blank" rel="noopener noreferrer">dayjs</a>]</td><td>-</td><td></td></tr><tr><td>disabled</td><td>If disable start or end</td><td>[boolean, boolean]</td><td>-</td><td></td></tr><tr><td>disabledTime</td><td>To specify the time that cannot be selected</td><td>function(date: dayjs, partial: <code>start</code> | <code>end</code>)</td><td>-</td><td></td></tr><tr><td>format</td><td>To set the date format, refer to <a href="https://day.js.org/" target="_blank" rel="noopener noreferrer">dayjs</a></td><td><a href="#formatType">formatType</a></td><td><code>YYYY-MM-DD HH:mm:ss</code></td><td></td></tr><tr><td>ranges</td><td>The preseted ranges for quick selection</td><td>{ [range: string]: <a href="https://day.js.org/" target="_blank" rel="noopener noreferrer">dayjs</a>[] } | { [range: string]: () =&gt; <a href="https://day.js.org/" target="_blank" rel="noopener noreferrer">dayjs</a>[] }</td><td>-</td><td></td></tr><tr><td>renderExtraFooter</td><td>Render extra footer in panel</td><td>v-slot:renderExtraFooter=&quot;mode&quot;</td><td>-</td><td></td></tr><tr><td>separator</td><td>Set separator between inputs</td><td>string | v-slot:separator</td><td><code>&lt;SwapRightOutlined /&gt;</code></td><td></td></tr><tr><td>showTime</td><td>To provide an additional time selection</td><td>object | boolean</td><td><a href="/components/time-picker/#API">TimePicker Options</a></td><td></td></tr><tr><td>showTime.defaultValue</td><td>To set default time of selected date, <a href="#components-date-picker-demo-disabled-date">demo</a></td><td><a href="https://day.js.org/" target="_blank" rel="noopener noreferrer">dayjs</a>[]</td><td>[dayjs(), dayjs()]</td><td></td></tr><tr><td>value(v-model)</td><td>To set date</td><td>[<a href="https://day.js.org/" target="_blank" rel="noopener noreferrer">dayjs</a>, <a href="https://day.js.org/" target="_blank" rel="noopener noreferrer">dayjs</a>]</td><td>-</td><td></td></tr></tbody></table><h3 id="RangePicker-Events">RangePicker Events <a class="header-anchor" href="#RangePicker-Events"><span aria-hidden="true" class="anchor">#</span></a></h3><table><thead><tr><th>Events Name</th><th>Description</th><th>Arguments</th><th>Version</th><th></th></tr></thead><tbody><tr><td>calendarChange</td><td>Callback function, can be executed when the start time or the end time of the range is changing.</td><td>function(dates: [dayjs, dayjs], dateStrings: [string, string], info: { range:<code>start</code>|<code>end</code> })</td><td>-</td><td></td></tr><tr><td>change</td><td>a callback function, can be executed when the selected time is changing</td><td>function(dates: [dayjs, dayjs] | [string, string], dateStrings: [string, string])</td><td></td><td></td></tr><tr><td>ok</td><td>callback when click ok button</td><td>function(dates: [dayjs, dayjs] | [string, string])</td><td></td><td></td></tr></tbody></table><h4 id="formatType">formatType <a class="header-anchor" href="#formatType"><span aria-hidden="true" class="anchor">#</span></a></h4><pre class="language-typescript"><code><span class="token keyword">import</span> <span class="token keyword">type</span> <span class="token punctuation">{</span> Dayjs <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">&#39;dayjs&#39;</span><span class="token punctuation">;</span>
    3094. 

  3094. 

  3095. <span class="token keyword">type</span> <span class="token class-name">Generic</span> <span class="token operator">=</span> <span class="token builtin">string</span><span class="token punctuation">;</span>
    3096. 

  3096. <span class="token keyword">type</span> <span class="token class-name">GenericFn</span> <span class="token operator">=</span> <span class="token punctuation">(</span>value<span class="token operator">:</span> Dayjs<span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token builtin">string</span><span class="token punctuation">;</span>
    3097. 

  3097. 

  3098. <span class="token keyword">export</span> <span class="token keyword">type</span> <span class="token class-name">FormatType</span> <span class="token operator">=</span> Generic <span class="token operator">|</span> GenericFn <span class="token operator">|</span> <span class="token builtin">Array</span><span class="token operator">&lt;</span>Generic <span class="token operator">|</span> GenericFn<span class="token operator">&gt;</span><span class="token punctuation">;</span>
    3099. 

  3099. </code></pre><h2 id="FAQ">FAQ <a class="header-anchor" href="#FAQ"><span aria-hidden="true" class="anchor">#</span></a></h2><h3 id="How-to-use-DatePicker-with-customize-date-library\uFF08like-moment-js-dayjs-date-fns\uFF09\uFF1F">How to use DatePicker with customize date library\uFF08like moment.js | dayjs | date-fns\uFF09\uFF1F <a class="header-anchor" href="#How-to-use-DatePicker-with-customize-date-library\uFF08like-moment-js-dayjs-date-fns\uFF09\uFF1F"><span aria-hidden="true" class="anchor">#</span></a></h3><p>Please refer <a href="/docs/vue/replace-date">replace date</a></p><h3 id="Why-config-dayjs-locale-globally-not-work">Why config dayjs.locale globally not work? <a class="header-anchor" href="#Why-config-dayjs-locale-globally-not-work"><span aria-hidden="true" class="anchor">#</span></a></h3><p>DatePicker default set <code>locale</code> as <code>en</code> in v4. You can config DatePicker <code>locale</code> prop or <a href="/components/config-provider">ConfigProvider <code>locale</code></a> prop instead.</p><h3 id="How-to-modify-start-day-of-week">How to modify start day of week? <a class="header-anchor" href="#How-to-modify-start-day-of-week"><span aria-hidden="true" class="anchor">#</span></a></h3><p>Please use correct <a href="/docs/vue/i18n">language</a> (<a href="https://github.com/ant-design/ant-design/issues/5605" target="_blank" rel="noopener noreferrer">#5605</a>), or update dayjs <code>locale</code> config:</p><ul><li>Example: <a href="https://codesandbox.io/s/dayjs-day-of-week-x9tuj2?file=/demo.tsx" target="_blank" rel="noopener noreferrer">https://codesandbox.io/s/dayjs-day-of-week-x9tuj2?file=/demo.tsx</a></li></ul><pre class="language-js"><code><span class="token keyword">import</span> dayjs <span class="token keyword">from</span> <span class="token string">&#39;dayjs&#39;</span><span class="token punctuation">;</span>
    3100. 

  3100. <span class="token keyword">import</span> updateLocale <span class="token keyword">from</span> <span class="token string">&#39;dayjs/plugin/updateLocale&#39;</span><span class="token punctuation">;</span>
    3101. 

  3101. <span class="token keyword">import</span> <span class="token string">&#39;dayjs/locale/zh-cn&#39;</span><span class="token punctuation">;</span>
    3102. 

  3102. 

  3103. dayjs<span class="token punctuation">.</span><span class="token function">extend</span><span class="token punctuation">(</span>updateLocale<span class="token punctuation">)</span><span class="token punctuation">;</span>
    3104. 

  3104. dayjs<span class="token punctuation">.</span><span class="token function">updateLocale</span><span class="token punctuation">(</span><span class="token string">&#39;zh-cn&#39;</span><span class="token punctuation">,</span> <span class="token punctuation">{</span>
    3105. 

  3105.   <span class="token literal-property property">weekStart</span><span class="token operator">:</span> <span class="token number">0</span><span class="token punctuation">,</span>
    3106. 

  3106. <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    3107. 

  3107. </code></pre>`,45)]))}const Xn=b(Dn,[["render",Bn]]);const Hn=f({CN:Vn,US:Xn,components:{Basic:N,DateRender:q,DisabledDate:K,Disabled:M,ExtraFooter:_,Format:an,Mode:en,PresettedRanges:cn,Size:gn,Switchable:In,Time:bn,Suffix:An,SelectInRnage:rn,Bordered:Yn,RangePicker:jn}});function Tn(s,t,i,h,g,m){const c=p("Basic"),u=p("RangePicker"),d=p("Bordered"),r=p("Format"),l=p("Time"),v=p("Disabled"),A=p("DisabledDate"),G=p("SelectInRnage"),j=p("PresettedRanges"),P=p("ExtraFooter"),R=p("Size"),S=p("DateRender"),V=p("Mode"),D=p("Switchable"),F=p("Suffix"),B=p("demo-sort");return C(),y(B,null,{default:o(()=>[e(c),e(u),e(d),e(r),e(l),e(v),e(A),e(G),e(j),e(P),e(R),e(S),e(V),e(D),e(F)]),_:1})}const zn=b(Hn,[["render",Tn]]);export{zn as default};
    3108.