element-plus/es-ES/component/time-select.html
2024-04-20 08:28:06 +00:00

40 lines
56 KiB
HTML

<!DOCTYPE html>
<html lang="es-ES">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>TimeSelect | Element Plus</title>
<meta name="description" content="A Vue 3 based component library for designers and developers">
<link rel="stylesheet" href="/assets/style.0a1be609.css">
<link rel="modulepreload" href="/assets/chunks/time-range.e13323e9.js">
<link rel="modulepreload" href="/assets/chunks/contributors.020f8378.js">
<link rel="modulepreload" href="/assets/app.c2c2154b.js">
<link rel="modulepreload" href="/assets/es-ES_component_time-select.md.f86c55cc.lean.js">
<link rel="icon" href="/images/element-plus-logo-small.svg" type="image/svg+xm">
<link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="theme-color" content="#ffffff">
<meta name="msapplication-TileColor" content="#409eff">
<meta name="msapplication-config" content="/browserconfig.xml">
<meta property="og:image" content="/images/element-plus-og-image.png">
<script>window.supportedLangs=["en-US","es-ES","zh-CN"];</script>
<script>(()=>{const o=window.supportedLangs,a="preferred_lang",r="en-US",s={en:"en-US",fr:"fr-FR",es:"es-ES"};let e=localStorage.getItem(a)||navigator.language;const n=s[e]||(o.includes(e)?e:r);if(localStorage.setItem(a,n),e=n,!location.pathname.startsWith(`/${e}`)){const t=[`/${e}`].concat(location.pathname.split("/").slice(2)).join("/");location.pathname=t.endsWith(".html")||t.endsWith("/")?t:t.concat("/")}navigator&&navigator.serviceWorker.controller&&navigator.serviceWorker.controller.postMessage({type:"LANG",lang:e})})();</script>
<script async="true" src="https://www.googletagmanager.com/gtag/js?id=UA-175337989-1"></script>
<script>"serviceWorker"in navigator&&navigator.serviceWorker.register("/sw.js").then(function(o){console.log(o)}).catch(function(o){console.log(o)});</script>
<script async="true">window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","UA-175337989-1");</script>
<script async="true" src="https://www.googletagmanager.com/gtag/js?id=G-M74ZHEQ1M1"></script>
<script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-M74ZHEQ1M1");</script>
<script>(function(t,s,n,h,j,e){t.hj=t.hj||function(){(t.hj.q=t.hj.q||[]).push(arguments)},t._hjSettings={hjid:2894908,hjsv:6},j=s.getElementsByTagName("head")[0],e=s.createElement("script"),e.async=1,e.src=n+t._hjSettings.hjid+h+t._hjSettings.hjsv,j.appendChild(e)})(window,document,"https://static.hotjar.com/c/hotjar-",".js?sv=");</script>
<script async="true">var resource=document.createElement("link");resource.setAttribute("rel","stylesheet"),resource.setAttribute("href","https://fonts.googleapis.com/css?family=Inter:300,400,500,600,700,800|Open+Sans:400,600;display=swap"),resource.setAttribute("type","text/css");var head=document.querySelector("head");head.appendChild(resource);</script>
<script>(()=>{const e=localStorage.getItem("el-theme-appearance");(e==="auto"?window.matchMedia("(prefers-color-scheme: dark)").matches:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
<meta name="twitter:title" content="TimeSelect | Element Plus">
<meta property="og:title" content="TimeSelect | Element Plus">
</head>
<body>
<div id="app"><div class="App"><!--[--><span tabindex="-1" data-v-d2e1b550></span><a href="#page-content" class="skip-link visually-hidden" data-v-d2e1b550>Ir al contenido</a><!--]--><!----><header class="navbar has-sidebar"><div class="navbar-wrapper" data-v-74f3ae96><div class="header-container" data-v-74f3ae96><div class="logo-container" data-v-74f3ae96><a href="/es-ES/" data-v-74f3ae96><img class="logo" src="/images/element-plus-logo.svg" alt="Element Plus Logo" data-v-74f3ae96></a></div><div class="content" data-v-74f3ae96><div id="docsearch" class="algolia-search-box search" data-v-74f3ae96></div><nav class="navbar-menu menu" data-v-74f3ae96><!--[--><a class="link-item link is-menu-link" href="/es-ES/guide/design" data-v-76aa4338 data-v-36735cb0><!--[--><!--[-->Guías<!--]--><!--]--><!----></a><a class="link-item link is-menu-link active" href="/es-ES/component/overview" data-v-76aa4338 data-v-36735cb0><!--[--><!--[-->Componentes<!--]--><!--]--><!----></a><a class="link-item link is-menu-link" href="/es-ES/resource/index" data-v-76aa4338 data-v-36735cb0><!--[--><!--[-->Recursos<!--]--><!--]--><!----></a><!--]--></nav><div class="theme-toggler-content theme-toggler" data-v-74f3ae96 data-v-b1b91f92><div aria-label="act./desac. modo oscuro" aria-checked="false" data-v-b1b91f92 data-v-0180af72><!----></div></div><div class="translation-container translation" data-v-74f3ae96 data-v-12008bb2><!----></div><div class="social-links" data-v-74f3ae96 data-v-76aa5200><!--[--><a href="https://github.com/element-plus/element-plus" title="GitHub" target="_blank" rel="noreferrer noopener" class="social-link" data-v-76aa5200 data-v-72eabb9c><i class="el-icon" style="font-size:24px;" data-v-72eabb9c><!--[--><svg preserveaspectratio="xMidYMid meet" viewbox="0 0 24 24" width="1.2em" height="1.2em" data-v-72eabb9c><path fill="currentColor" d="M12 2C6.475 2 2 6.475 2 12a9.994 9.994 0 0 0 6.838 9.488c.5.087.687-.213.687-.476c0-.237-.013-1.024-.013-1.862c-2.512.463-3.162-.612-3.362-1.175c-.113-.288-.6-1.175-1.025-1.413c-.35-.187-.85-.65-.013-.662c.788-.013 1.35.725 1.538 1.025c.9 1.512 2.338 1.087 2.912.825c.088-.65.35-1.087.638-1.337c-2.225-.25-4.55-1.113-4.55-4.938c0-1.088.387-1.987 1.025-2.688c-.1-.25-.45-1.275.1-2.65c0 0 .837-.262 2.75 1.026a9.28 9.28 0 0 1 2.5-.338c.85 0 1.7.112 2.5.337c1.912-1.3 2.75-1.024 2.75-1.024c.55 1.375.2 2.4.1 2.65c.637.7 1.025 1.587 1.025 2.687c0 3.838-2.337 4.688-4.562 4.938c.362.312.675.912.675 1.85c0 1.337-.013 2.412-.013 2.75c0 .262.188.574.688.474A10.016 10.016 0 0 0 22 12c0-5.525-4.475-10-10-10z"></path></svg><!--]--></i></a><!--]--></div><button class="reset-btn menu-hamburger hamburger" aria-label="navegación móvil" aria-expanded="false" aria-controls="full-screen" data-v-74f3ae96><span class="hamburger-1"></span><span class="hamburger-2"></span><span class="hamburger-3"></span></button></div></div></div><!----></header><div class="sub-nav py-3 flex items-center"><button class="reset-btn sidebar-button flex items-center" aria-expanded="false"><i class="el-icon mr-2" style="font-size:20px;"><!--[--><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="2" y="7" width="11" height="2" fill="#606266"></rect><rect x="2" y="11" width="14" height="2" fill="#606266"></rect><rect x="2" y="15" width="8" height="2" fill="#606266"></rect><rect x="2" y="3" width="16" height="2" fill="#606266"></rect></svg><!--]--></i><span class="leading-6">Menu</span></button><button ariadisabled="false" type="button" class="el-button is-link go-back-top height-5" style=""><!--v-if--><span class=""><!--[--> Back to top <!--]--></span></button></div><div class="el-scrollbar sidebar"><div class="el-scrollbar__wrap el-scrollbar__wrap--hidden-default" style=""><div class="el-scrollbar__view" style=""><!--[--><aside><!--[--><div class="page-content" data-v-572119cf><p class="title" data-v-572119cf>Patrocinado por</p><div data-v-572119cf data-v-23d0a532><!--[--><a href="https://vform666.com/" title="VForm - Vue 2/3 可视化低代码表单" class="sponsor-item inline-flex" style="" target="_blank" data-v-23d0a532><img src="/images/sponsors/vform-banner.png" alt="VForm" data-v-23d0a532></a><a href="https://www.jnpfsoft.com/index.html?from=elementUI" title="JNPF - JNPF 低代码开发平台,让开发变得简单!" class="sponsor-item inline-flex" style="" target="_blank" data-v-23d0a532><img src="/images/sponsors/jnpfsoft.jpg" alt="JNPF" data-v-23d0a532></a><!--]--></div><div data-v-572119cf data-v-97807a40><!--[--><!--]--></div></div><!--]--><div class="sidebar-groups"><!--[--><section class="sidebar-group"><p class="sidebar-group__title">Overview</p><!--[--><a class="link" href="/es-ES/component/overview" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Overview</p><!----></a><!--]--></section><section class="sidebar-group"><p class="sidebar-group__title">Basic</p><!--[--><a class="link" href="/es-ES/component/button" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Button</p><!----></a><a class="link" href="/es-ES/component/border" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Border</p><!----></a><a class="link" href="/es-ES/component/color" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Color</p><!----></a><a class="link" href="/es-ES/component/container" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Layout Container</p><!----></a><a class="link" href="/es-ES/component/icon" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Icon</p><!----></a><a class="link" href="/es-ES/component/layout" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Layout</p><!----></a><a class="link" href="/es-ES/component/link" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Link</p><!----></a><a class="link flex items-center" href="/es-ES/component/text" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Text</p><span class="el-tag el-tag--primary el-tag--small el-tag--plain is-hit is-round ml-2" style="" data-v-189bd8ba><span class="el-tag__content"><!--[-->2.3.0<!--]--></span><!--v-if--></span></a><a class="link" href="/es-ES/component/scrollbar" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Scrollbar</p><!----></a><a class="link" href="/es-ES/component/space" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Space</p><!----></a><a class="link" href="/es-ES/component/typography" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Typography</p><!----></a><!--]--></section><section class="sidebar-group"><p class="sidebar-group__title">Configuration</p><!--[--><a class="link" href="/es-ES/component/config-provider" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Config Provider</p><!----></a><!--]--></section><section class="sidebar-group"><p class="sidebar-group__title">Form</p><!--[--><a class="link" href="/es-ES/component/autocomplete" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Autocomplete</p><!----></a><a class="link" href="/es-ES/component/cascader" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Cascader</p><!----></a><a class="link" href="/es-ES/component/checkbox" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Checkbox</p><!----></a><a class="link" href="/es-ES/component/color-picker" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Color Picker</p><!----></a><a class="link" href="/es-ES/component/date-picker" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Date Picker</p><!----></a><a class="link" href="/es-ES/component/datetime-picker" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>DateTime Picker</p><!----></a><a class="link" href="/es-ES/component/form" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Form</p><!----></a><a class="link" href="/es-ES/component/input" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Input</p><!----></a><a class="link" href="/es-ES/component/input-number" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Input Number</p><!----></a><a class="link" href="/es-ES/component/radio" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Radio</p><!----></a><a class="link" href="/es-ES/component/rate" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Rate</p><!----></a><a class="link" href="/es-ES/component/select" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Select</p><!----></a><a class="link" href="/es-ES/component/select-v2" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Virtualized Select</p><!----></a><a class="link" href="/es-ES/component/slider" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Slider</p><!----></a><a class="link" href="/es-ES/component/switch" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Switch</p><!----></a><a class="link" href="/es-ES/component/time-picker" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Time Picker</p><!----></a><a class="link active" href="/es-ES/component/time-select" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Time Select</p><!----></a><a class="link" href="/es-ES/component/transfer" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Transfer</p><!----></a><a class="link" href="/es-ES/component/upload" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Upload</p><!----></a><!--]--></section><section class="sidebar-group"><p class="sidebar-group__title">Data</p><!--[--><a class="link" href="/es-ES/component/avatar" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Avatar</p><!----></a><a class="link" href="/es-ES/component/badge" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Badge</p><!----></a><a class="link" href="/es-ES/component/calendar" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Calendar</p><!----></a><a class="link" href="/es-ES/component/card" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Card</p><!----></a><a class="link" href="/es-ES/component/carousel" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Carousel</p><!----></a><a class="link" href="/es-ES/component/collapse" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Collapse</p><!----></a><a class="link" href="/es-ES/component/descriptions" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Descriptions</p><!----></a><a class="link" href="/es-ES/component/empty" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Empty</p><!----></a><a class="link" href="/es-ES/component/image" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Image</p><!----></a><a class="link" href="/es-ES/component/infinite-scroll" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Infinite Scroll</p><!----></a><a class="link" href="/es-ES/component/pagination" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Pagination</p><!----></a><a class="link" href="/es-ES/component/progress" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Progress</p><!----></a><a class="link" href="/es-ES/component/result" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Result</p><!----></a><a class="link" href="/es-ES/component/skeleton" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Skeleton</p><!----></a><a class="link" href="/es-ES/component/table" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Table</p><!----></a><a class="link flex items-center" href="/es-ES/component/table-v2" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Virtualized Table</p><span class="el-tag el-tag--primary el-tag--small el-tag--plain is-hit is-round ml-2" style="" data-v-189bd8ba><span class="el-tag__content"><!--[-->2.2.0<!--]--></span><!--v-if--></span></a><a class="link" href="/es-ES/component/tag" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Tag</p><!----></a><a class="link" href="/es-ES/component/timeline" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Timeline</p><!----></a><a class="link flex items-center" href="/es-ES/component/tour" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Tour</p><span class="el-tag el-tag--primary el-tag--small el-tag--plain is-hit is-round ml-2" style="" data-v-189bd8ba><span class="el-tag__content"><!--[-->2.5.0<!--]--></span><!--v-if--></span></a><a class="link" href="/es-ES/component/tree" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Tree</p><!----></a><a class="link flex items-center" href="/es-ES/component/tree-select" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>TreeSelect</p><span class="el-tag el-tag--primary el-tag--small el-tag--plain is-hit is-round ml-2" style="" data-v-189bd8ba><span class="el-tag__content"><!--[-->2.1.8<!--]--></span><!--v-if--></span></a><a class="link" href="/es-ES/component/tree-v2" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Virtualized Tree</p><!----></a><a class="link flex items-center" href="/es-ES/component/statistic" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Statistic</p><span class="el-tag el-tag--primary el-tag--small el-tag--plain is-hit is-round ml-2" style="" data-v-189bd8ba><span class="el-tag__content"><!--[-->2.2.30<!--]--></span><!--v-if--></span></a><a class="link flex items-center" href="/es-ES/component/segmented" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Segmented</p><span class="el-tag el-tag--primary el-tag--small el-tag--plain is-hit is-round ml-2" style="" data-v-189bd8ba><span class="el-tag__content"><!--[-->2.7.0<!--]--></span><!--v-if--></span></a><!--]--></section><section class="sidebar-group"><p class="sidebar-group__title">Navigation</p><!--[--><a class="link" href="/es-ES/component/affix" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Affix</p><!----></a><a class="link flex items-center" href="/es-ES/component/anchor" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Anchor</p><span class="el-tag el-tag--primary el-tag--small el-tag--plain is-hit is-round ml-2" style="" data-v-189bd8ba><span class="el-tag__content"><!--[-->2.6.0<!--]--></span><!--v-if--></span></a><a class="link" href="/es-ES/component/backtop" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Backtop</p><!----></a><a class="link" href="/es-ES/component/breadcrumb" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Breadcrumb</p><!----></a><a class="link" href="/es-ES/component/dropdown" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Dropdown</p><!----></a><a class="link" href="/es-ES/component/menu" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Menu</p><!----></a><a class="link" href="/es-ES/component/page-header" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Page Header</p><!----></a><a class="link" href="/es-ES/component/steps" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Steps</p><!----></a><a class="link" href="/es-ES/component/tabs" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Tabs</p><!----></a><!--]--></section><section class="sidebar-group"><p class="sidebar-group__title">Feedback</p><!--[--><a class="link" href="/es-ES/component/alert" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Alert</p><!----></a><a class="link" href="/es-ES/component/dialog" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Dialog</p><!----></a><a class="link" href="/es-ES/component/drawer" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Drawer</p><!----></a><a class="link" href="/es-ES/component/loading" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Loading</p><!----></a><a class="link" href="/es-ES/component/message" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Message</p><!----></a><a class="link" href="/es-ES/component/message-box" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Message Box</p><!----></a><a class="link" href="/es-ES/component/notification" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Notification</p><!----></a><a class="link" href="/es-ES/component/popconfirm" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Popconfirm</p><!----></a><a class="link" href="/es-ES/component/popover" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Popover</p><!----></a><a class="link" href="/es-ES/component/tooltip" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Tooltip</p><!----></a><!--]--></section><section class="sidebar-group"><p class="sidebar-group__title">Others</p><!--[--><a class="link" href="/es-ES/component/divider" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Divider</p><!----></a><a class="link flex items-center" href="/es-ES/component/watermark" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Watermark</p><span class="el-tag el-tag--primary el-tag--small el-tag--plain is-hit is-round ml-2" style="" data-v-189bd8ba><span class="el-tag__content"><!--[-->2.4.0<!--]--></span><!--v-if--></span></a><!--]--></section><!--]--></div><!--[--><!--]--></aside><!--]--></div></div><!--[--><div class="el-scrollbar__bar is-horizontal" style="display:none;"><div class="el-scrollbar__thumb" style="width:;transform:translateX(0%);"></div></div><div class="el-scrollbar__bar is-vertical" style="display:none;"><div class="el-scrollbar__thumb" style="height:;transform:translateY(0%);"></div></div><!--]--></div><main id="page-content" class="page-content has-sidebar"><div class="doc-content-wrapper"><div class="doc-content-container"><div style="position:relative;" class="doc-content"><div><h1 id="timeselect" tabindex="-1">TimeSelect <a class="header-anchor vp-link" href="#timeselect" aria-hidden="true">#</a></h1><p>Use el Time Select para input de tipo time.</p><p>El intervalo de tiempo disponible es de 00:00 a 23:59</p><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>Este componente requiere el envoltorio <code>&lt;client-only&gt;&lt;/client-only&gt;</code> cuando se utiliza en SSR (por ejemplo: <a href="https://nuxt.com/v3" class="vp-link" target="_blank" rel="noopener noreferrer">Nuxt<svg preserveaspectratio="xMidYMid meet" viewbox="0 0 24 24" width="1.2em" height="1.2em" class="link-icon"><path fill="currentColor" d="M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6zm11-3v8h-2V6.413l-7.793 7.794l-1.414-1.414L17.585 5H13V3h8z"></path></svg></a>) y SSG (por ejemplo: <a href="https://vitepress.vuejs.org/" class="vp-link" target="_blank" rel="noopener noreferrer">VitePress<svg preserveaspectratio="xMidYMid meet" viewbox="0 0 24 24" width="1.2em" height="1.2em" class="link-icon"><path fill="currentColor" d="M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6zm11-3v8h-2V6.413l-7.793 7.794l-1.414-1.414L17.585 5H13V3h8z"></path></svg></a>).</p></div><h2 id="selector-de-tiempo-fijo" tabindex="-1">Selector de tiempo fijo <a class="header-anchor vp-link" href="#selector-de-tiempo-fijo" aria-hidden="true">#</a></h2><p>Provee una lista de tiempo fijo para que los usuarios escojan.</p><!----><h2 id="formato-de-hora" tabindex="-1">Formato de hora <a class="header-anchor vp-link" href="#formato-de-hora" aria-hidden="true">#</a></h2><p>Use <code>format</code> para controlar el formato de hora (horas y minutos).</p><p>Revise la lista <a href="https://day.js.org/docs/en/display/format#list-of-all-available-formats" class="vp-link" target="_blank" rel="noopener noreferrer">aquí<svg preserveaspectratio="xMidYMid meet" viewbox="0 0 24 24" width="1.2em" height="1.2em" class="link-icon"><path fill="currentColor" d="M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6zm11-3v8h-2V6.413l-7.793 7.794l-1.414-1.414L17.585 5H13V3h8z"></path></svg></a> de todos los formatos disponibles de Day.js.</p><div class="warning custom-block"><p class="custom-block-title">WARNING</p><p>Preste atención a la capitalización</p></div><!----><h2 id="rango-de-tiempo-fijo" tabindex="-1">Rango de tiempo fijo <a class="header-anchor vp-link" href="#rango-de-tiempo-fijo" aria-hidden="true">#</a></h2><p>Si al principio se escoge la hora de inicio ( end ) el estado de la hora de final ( start ) cambiará en consecuencia.</p><!----><h2 id="api" tabindex="-1">API <a class="header-anchor vp-link" href="#api" aria-hidden="true">#</a></h2><h3 id="atributos" tabindex="-1">Atributos <a class="header-anchor vp-link" href="#atributos" aria-hidden="true">#</a></h3><div class="vp-table"><table><thead><tr><th>Nombre</th><th>Descripción</th><th>Tipo</th><th>Por defecto</th></tr></thead><tbody><tr><td>model-value / v-model</td><td>valor vinculado</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">string</code><!----></span></td><td></td></tr><tr><td>disabled</td><td>si el TimeSelect se encuentra deshabilitado</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">boolean</code><!----></span></td><td>false</td></tr><tr><td>editable</td><td>si el input puede ser editado</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">boolean</code><!----></span></td><td>true</td></tr><tr><td>clearable</td><td>si mostrar el botón de borrado</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">boolean</code><!----></span></td><td>true</td></tr><tr><td>size</td><td>tamaño del input</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">enum</code><!----></span></td><td>default</td></tr><tr><td>placeholder</td><td>placeholder en un modo fuera de rango</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">string</code><!----></span></td><td></td></tr><tr><td>name</td><td>como <code>name</code> en input nativo</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">string</code><!----></span></td><td></td></tr><tr><td>effect</td><td>Popover tiene dos temas: <code>dark</code> y <code>light</code></td><td><span class="inline-flex items-center"><code class="api-typing mr-1">string</code><!----></span> / <span class="inline-flex items-center"><code class="api-typing mr-1">enum</code><!----></span></td><td>light</td></tr><tr><td>prefix-icon</td><td>personaliza el componente de icono del prefijo</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">string</code><!----></span> / <span class="inline-flex items-center"><code class="api-typing mr-1">Component</code><!----></span></td><td>Clock</td></tr><tr><td>clear-icon</td><td>personaliza el componente de icono de limpieza</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">string</code><!----></span> / <span class="inline-flex items-center"><code class="api-typing mr-1">Component</code><!----></span></td><td>CircleClose</td></tr><tr><td>start</td><td>tiempo de inicio</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">string</code><!----></span></td><td>09:00</td></tr><tr><td>end</td><td>tiempo de finalización</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">string</code><!----></span></td><td>18:00</td></tr><tr><td>step</td><td>salto de tiempo</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">string</code><!----></span></td><td>00:30</td></tr><tr><td>min-time</td><td>tiempo mínimo, cualquier tiempo antes de éste será deshabilitado</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">string</code><!----></span></td><td></td></tr><tr><td>max-time</td><td>tiempo máximo, cualquier tiempo después de éste será deshabilitado</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">string</code><!----></span></td><td></td></tr><tr><td>format</td><td>establecer formato de hora</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">string</code><!----></span> see <a href="https://day.js.org/docs/en/display/format#list-of-all-available-formats" class="vp-link" target="_blank" rel="noopener noreferrer">formats<svg preserveaspectratio="xMidYMid meet" viewbox="0 0 24 24" width="1.2em" height="1.2em" class="link-icon"><path fill="currentColor" d="M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6zm11-3v8h-2V6.413l-7.793 7.794l-1.414-1.414L17.585 5H13V3h8z"></path></svg></a></td><td>HH:mm</td></tr><tr><td>empty-values <span class="vp-tag">2.7.0</span></td><td>empty values of component, <a href="/en-US/component/config-provider.html#empty-values-configurations" class="vp-link">see config-provider</a></td><td><span class="inline-flex items-center"><code class="api-typing mr-1">array</code><!----></span></td><td></td></tr><tr><td>value-on-clear <span class="vp-tag">2.7.0</span></td><td>clear return value, <a href="/en-US/component/config-provider.html#empty-values-configurations" class="vp-link">see config-provider</a></td><td><span class="inline-flex items-center"><code class="api-typing mr-1">string</code><!----></span> / <span class="inline-flex items-center"><code class="api-typing mr-1">number</code><!----></span> / <span class="inline-flex items-center"><code class="api-typing mr-1">boolean</code><!----></span> / <span class="inline-flex items-center"><code class="api-typing mr-1">Function</code><!----></span></td><td></td></tr></tbody></table></div><h3 id="eventos" tabindex="-1">Eventos <a class="header-anchor vp-link" href="#eventos" aria-hidden="true">#</a></h3><div class="vp-table"><table><thead><tr><th>Nombre</th><th>Descripción</th><th>Tipo</th></tr></thead><tbody><tr><td>change</td><td>se lanza cuando el usuario confirma el valor</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">Function</code><!----></span></td></tr><tr><td>blur</td><td>se dispara cuando se pierde el foco</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">Function</code><!----></span></td></tr><tr><td>focus</td><td>se dispara cuando se obtiene el foco</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">Function</code><!----></span></td></tr></tbody></table></div><h3 id="expuesto" tabindex="-1">Expuesto <a class="header-anchor vp-link" href="#expuesto" aria-hidden="true">#</a></h3><div class="vp-table"><table><thead><tr><th>Método</th><th>Descripción</th><th>Tipo</th></tr></thead><tbody><tr><td>focus</td><td>coloca el foco en el elemento actual</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">Function</code><!----></span></td></tr><tr><td>blur</td><td>quitar el foco en el input</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">Function</code><!----></span></td></tr></tbody></table></div><h2 id="fuente" tabindex="-1">Fuente <a class="header-anchor vp-link" href="#fuente" aria-hidden="true">#</a></h2><p><a href="https://github.com/element-plus/element-plus/tree/dev/packages/components/time-select" class="vp-link" target="_blank" rel="noopener noreferrer">Componentes<svg preserveaspectratio="xMidYMid meet" viewbox="0 0 24 24" width="1.2em" height="1.2em" class="link-icon"><path fill="currentColor" d="M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6zm11-3v8h-2V6.413l-7.793 7.794l-1.414-1.414L17.585 5H13V3h8z"></path></svg></a><a href="https://github.com/element-plus/element-plus/blob/dev/docs/en-US/component/time-select.md" class="vp-link" target="_blank" rel="noopener noreferrer">Documentación<svg preserveaspectratio="xMidYMid meet" viewbox="0 0 24 24" width="1.2em" height="1.2em" class="link-icon"><path fill="currentColor" d="M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6zm11-3v8h-2V6.413l-7.793 7.794l-1.414-1.414L17.585 5H13V3h8z"></path></svg></a></p><h2 id="contribuidores" tabindex="-1">Contribuidores <a class="header-anchor vp-link" href="#contribuidores" aria-hidden="true">#</a></h2><div class="mb-4" data-v-2c2cd08f><div class="flex flex-wrap gap-4 pt-2" data-v-2c2cd08f><!--[--><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/sxzz" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/6481596?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> 三咲智子<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/YunYouJun" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/25154432?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> 云游君<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/jw-foss" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/15975785?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> Jeremy<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/Tsong-LC" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/50739490?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> LIUCHAO<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/holazz" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/23100055?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> zz<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/kooriookami" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/38392315?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> kooriookami<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/tolking" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/23313167?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> qiang<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/adaex" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/29560987?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> Aex<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/chenxch" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/23251408?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> Xc<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/cuongle-hdwebsoft" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/102006695?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> cuongle-hdwebsoft<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/wzc520pyfm" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/69044080?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> wzc520pyfm<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/metanas" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/5559812?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> Anas Boudih<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/opengraphica" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/57385187?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> opengraphica<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/purepear" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/144010?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> Delyan Haralanov<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/gjfei" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/33827314?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> gjfei<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/BeADre" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/34639100?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> BeADre<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/Alanscut" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/21104054?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> Alan Wang<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/HerringtonDarkholme" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/2883231?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> Herrington Darkholme<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/nabaonan" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/17247526?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> 内小子<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/Chris-Kin" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/10802869?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> on the field of hope<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/Hades-li" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/12124478?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> Hades-li<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/emojiiii" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/30518686?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> C.Y.Kun<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/loosheng" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/30114549?v=4&amp;size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> LooSheng<!--]--><!----></a></div><!--]--></div></div></div></div><footer class="page-footer" data-v-3e2f3e7f><div class="edit" data-v-3e2f3e7f><div class="edit-link" data-v-3e2f3e7f data-v-7d4aa2c8><a class="link text-sm" href="https://crowdin.com/translate/element-plus/all/en-es" target="_blank" rel="noopener noreferrer" data-v-7d4aa2c8>Editar esta página en Crowdin <i class="el-icon" style="font-size:16px;vertical-align:text-top;line-height:24px;" data-v-7d4aa2c8><!--[--><svg preserveaspectratio="xMidYMid meet" viewbox="0 0 24 24" width="1.2em" height="1.2em" data-v-7d4aa2c8><path fill="currentColor" d="M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6zm11-3v8h-2V6.413l-7.793 7.794l-1.414-1.414L17.585 5H13V3h8z"></path></svg><!--]--></i></a></div></div></footer><div class="next-and-prev-link" data-v-8ad25866><div class="container" data-v-8ad25866><div class="prev" data-v-8ad25866><a class="link" href="/es-ES/component/time-picker" data-v-8ad25866><i class="el-icon mr-1" style="" data-v-8ad25866><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1024 1024" data-v-8ad25866><path fill="currentColor" d="M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0z"></path></svg><!--]--></i><span class="text" data-v-8ad25866>Time Picker</span></a></div><div class="next" data-v-8ad25866><a class="link" href="/es-ES/component/transfer" data-v-8ad25866><span class="text" data-v-8ad25866>Transfer</span><i class="el-icon ml-1" style="" data-v-8ad25866><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1024 1024" data-v-8ad25866><path fill="currentColor" d="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512 340.864 831.872a30.592 30.592 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"></path></svg><!--]--></i></a></div></div></div></div><aside class="toc-wrapper" data-v-6f13b908><nav class="toc-content" data-v-6f13b908><h3 class="toc-content__heading" data-v-6f13b908>Contents</h3><!----><p class="text-14px font-300 color-$text-color-secondary" data-v-6f13b908>Patrocinado por</p><div class="join sponsors-button mt-4 w-100%" data-v-6f13b908><!--[--><a href="mailto:element-plus@outlook.com" target="_blank" class="el-tooltip__trigger"><button ariadisabled="false" type="button" class="el-button" style="overflow:hidden;"><!--v-if--><span class=""><!--[-->¡Conviértete en un patrocinador!<!--]--></span></button></a><!--teleport start--><!--teleport end--><!--]--></div><div class="m-t-16px" data-v-6f13b908><!--[--><a href="http://github.crmeb.net/u/Element?from=element-plus" title="CRMEB - 高品质开源商城系统 累计服务40W+开发者" target="_blank"><div class="flex bg-#F9F9F9 h-64px rd-4px justify-center items-center"><div class="h-36px"><img class="rd-4px h-full" src="/images/sponsors/CRMEB-l.png" alt="CRMEB"></div></div></a><!--]--></div><div class="m-t-16px flex flex-wrap justify-between" data-v-6f13b908><!--[--><!--[--><a href="https://wonderful-code.gitee.io/?from=element-plus" title="BuildAdmin - Vue3企业级开源后台管理系统" target="_blank"><div class="flex m-b-2px bg-#F9F9F9 rd-0px h-40px w-89px justify-center items-center"><img src="/images/sponsors/buildadmin-l.png" alt="BuildAdmin"></div></a><!--]--><!--[--><a href="https://bit.dev/?from=element-ui" title="bit - Share Code" target="_blank"><div class="flex m-b-2px bg-#F9F9F9 rd-0px h-40px w-89px justify-center items-center"><img src="/images/bit-l.png" alt="bit"></div></a><!--]--><!--[--><div class="flex bg-#F9F9F9 rd-0px h-40px w-89px justify-center items-center"><div class="color-#ddd text-13px cursor-default">Your logo</div></div><!--]--><!--]--></div><div class="m-t-16px" data-v-6f13b908><!--[--><!--]--></div></nav></aside></div><footer class="footer"><div class="footer-main"><h4>Links</h4><a href="https://github.com/element-plus/element-plus" class="footer-main-link" target="_blank">GitHub</a><a href="https://element-plus.gitee.io/zh-CN/" class="footer-main-link" target="_blank">China Mirror 🇨🇳</a><a href="https://github.com/element-plus/element-plus/releases" class="footer-main-link" target="_blank">Changelog</a><a href="https://element.eleme.io/" class="footer-main-link" target="_blank">Element UI para Vue 2</a></div><div class="footer-main"><h4>Comunidad</h4><a href="https://discord.com/invite/gXK9XNzW3X" class="footer-main-link" target="_blank">Discord</a><a href="https://github.com/element-plus/element-plus/issues" class="footer-main-link" target="_blank">Feedback</a><a href="https://github.com/element-plus/element-plus/blob/dev/.github/CONTRIBUTING.en-US.md" class="footer-main-link" target="_blank">Contribuciones</a><a href="https://segmentfault.com/t/element-plus" class="footer-main-link" target="_blank">SegmentFault</a></div></footer></main><!----></div></div>
<script>__VP_HASH_MAP__ = JSON.parse("{\"en-us_component_affix.md\":\"9e660def\",\"en-us_component_alert.md\":\"95e7fa13\",\"en-us_component_anchor.md\":\"2ea0df52\",\"en-us_component_autocomplete.md\":\"b7d48626\",\"en-us_component_avatar.md\":\"02581a9e\",\"en-us_component_backtop.md\":\"7395cf5c\",\"en-us_component_badge.md\":\"68960cb9\",\"en-us_component_border.md\":\"fcb3630f\",\"en-us_component_breadcrumb.md\":\"a4b64c55\",\"en-us_component_button.md\":\"bbf58bc3\",\"en-us_component_calendar.md\":\"56f9c1f2\",\"en-us_component_card.md\":\"adf3d474\",\"en-us_component_carousel.md\":\"349916d5\",\"en-us_component_cascader.md\":\"d6a87903\",\"en-us_component_checkbox.md\":\"57edbe65\",\"en-us_component_collapse.md\":\"82775205\",\"en-us_component_color-picker.md\":\"c52e2103\",\"en-us_component_color.md\":\"700b04db\",\"en-us_component_config-provider.md\":\"f73040b1\",\"en-us_component_container.md\":\"75c05d9c\",\"en-us_component_date-picker.md\":\"12eff46c\",\"en-us_component_datetime-picker.md\":\"9f214bce\",\"en-us_component_descriptions.md\":\"2868da15\",\"en-us_component_dialog.md\":\"b5f58697\",\"en-us_component_divider.md\":\"f663a7ea\",\"en-us_component_drawer.md\":\"2464bccc\",\"en-us_component_dropdown.md\":\"5413d14c\",\"en-us_component_empty.md\":\"84fc73ae\",\"en-us_component_form.md\":\"072c6f2f\",\"en-us_component_icon.md\":\"89a78dc0\",\"en-us_component_image.md\":\"cb2939cd\",\"en-us_component_infinite-scroll.md\":\"caf5bd44\",\"en-us_component_input-number.md\":\"3b33b05c\",\"en-us_component_input.md\":\"e063dc08\",\"en-us_component_layout.md\":\"2eb46ba7\",\"en-us_component_link.md\":\"288918c2\",\"en-us_component_loading.md\":\"afdd50ec\",\"en-us_component_menu.md\":\"6248fd2f\",\"en-us_component_message-box.md\":\"6b946c14\",\"en-us_component_message.md\":\"7045c92a\",\"en-us_component_notification.md\":\"b1b68c17\",\"en-us_component_overview.md\":\"f5fab5dc\",\"en-us_component_page-header.md\":\"13d4e03a\",\"en-us_component_pagination.md\":\"7e4890ba\",\"en-us_component_popconfirm.md\":\"90a849a8\",\"en-us_component_popover.md\":\"9770289b\",\"en-us_component_progress.md\":\"a24b6edc\",\"en-us_component_radio.md\":\"6525acc4\",\"en-us_component_rate.md\":\"96c251d9\",\"en-us_component_result.md\":\"19f5f64e\",\"en-us_component_scrollbar.md\":\"e3f4e4c0\",\"en-us_component_segmented.md\":\"bbebad5d\",\"en-us_component_select-v2.md\":\"34fdf7d6\",\"en-us_component_select.md\":\"e87dec01\",\"en-us_component_skeleton.md\":\"c7909e90\",\"en-us_component_slider.md\":\"b0ecfd81\",\"en-us_component_space.md\":\"d2374ffd\",\"en-us_component_statistic.md\":\"569c41e1\",\"en-us_component_steps.md\":\"6b308e82\",\"en-us_component_switch.md\":\"66b87164\",\"en-us_component_table-v2.md\":\"2e5c2c9a\",\"en-us_component_table.md\":\"2c00d784\",\"en-us_component_tabs.md\":\"428b4680\",\"en-us_component_tag.md\":\"4f3160b5\",\"en-us_component_text.md\":\"b279ce58\",\"en-us_component_time-picker.md\":\"6b5f9615\",\"en-us_component_time-select.md\":\"a7e7050c\",\"en-us_component_timeline.md\":\"3f3cd2f0\",\"en-us_component_tooltip-v2.md\":\"f906f57f\",\"en-us_component_tooltip.md\":\"01788691\",\"en-us_component_tour.md\":\"c10ec8f5\",\"en-us_component_transfer.md\":\"f470c4ae\",\"en-us_component_tree-select.md\":\"0aeda77b\",\"en-us_component_tree-v2.md\":\"eb57514f\",\"en-us_component_tree.md\":\"f82e9d86\",\"en-us_component_typography.md\":\"149fffa8\",\"en-us_component_upload.md\":\"633edacd\",\"en-us_component_watermark.md\":\"1da58917\",\"en-us_guide_changelog.md\":\"02720300\",\"en-us_guide_commit-examples.md\":\"0537a4f5\",\"en-us_guide_dark-mode.md\":\"92a13f21\",\"en-us_guide_design.md\":\"a48f3084\",\"en-us_guide_dev-faq.md\":\"a50b0120\",\"en-us_guide_dev-guide.md\":\"13ab5219\",\"en-us_guide_i18n.md\":\"84f99f42\",\"en-us_guide_installation.md\":\"502e5f82\",\"en-us_guide_migration.md\":\"0ec912c9\",\"en-us_guide_namespace.md\":\"1ab2cd45\",\"en-us_guide_nav.md\":\"1bd28b79\",\"en-us_guide_quickstart.md\":\"758321c1\",\"en-us_guide_ssr.md\":\"b42f3441\",\"en-us_guide_theming.md\":\"1402e631\",\"en-us_guide_transitions.md\":\"1904d68f\",\"en-us_guide_translation.md\":\"d883f737\",\"en-us_index.md\":\"df471afb\",\"en-us_resource_index.md\":\"8dfc6d1f\",\"es-es_component_affix.md\":\"6014a348\",\"es-es_component_alert.md\":\"2681725a\",\"es-es_component_anchor.md\":\"99193e51\",\"es-es_component_autocomplete.md\":\"d0b83287\",\"es-es_component_avatar.md\":\"8e1ecae5\",\"es-es_component_backtop.md\":\"00446aeb\",\"es-es_component_badge.md\":\"afbc3f26\",\"es-es_component_border.md\":\"bf5d200b\",\"es-es_component_breadcrumb.md\":\"0a0c8b60\",\"es-es_component_button.md\":\"4dc8867c\",\"es-es_component_calendar.md\":\"b4803281\",\"es-es_component_card.md\":\"40ba20ff\",\"es-es_component_carousel.md\":\"db19fef0\",\"es-es_component_cascader.md\":\"3f25924e\",\"es-es_component_checkbox.md\":\"ce80bfdf\",\"es-es_component_collapse.md\":\"bc301647\",\"es-es_component_color-picker.md\":\"753943ab\",\"es-es_component_color.md\":\"59421c3f\",\"es-es_component_config-provider.md\":\"abc03424\",\"es-es_component_container.md\":\"34b6a9ed\",\"es-es_component_date-picker.md\":\"5bcca12a\",\"es-es_component_datetime-picker.md\":\"a9a91058\",\"es-es_component_descriptions.md\":\"ac25c2ac\",\"es-es_component_dialog.md\":\"016a2797\",\"es-es_component_divider.md\":\"c3476bce\",\"es-es_component_drawer.md\":\"bd5332f5\",\"es-es_component_dropdown.md\":\"919f5b0c\",\"es-es_component_empty.md\":\"6df441aa\",\"es-es_component_form.md\":\"6a96c154\",\"es-es_component_icon.md\":\"611e3a91\",\"es-es_component_image.md\":\"fbdc8bb8\",\"es-es_component_infinite-scroll.md\":\"ec8018a5\",\"es-es_component_input-number.md\":\"61bb1758\",\"es-es_component_input.md\":\"30c59054\",\"es-es_component_layout.md\":\"a3803ee8\",\"es-es_component_link.md\":\"2ab7e64d\",\"es-es_component_loading.md\":\"e98d9bd8\",\"es-es_component_menu.md\":\"a9516c36\",\"es-es_component_message-box.md\":\"15a78032\",\"es-es_component_message.md\":\"052bffae\",\"es-es_component_notification.md\":\"8e9ebc95\",\"es-es_component_overview.md\":\"31772165\",\"es-es_component_page-header.md\":\"f83dfcc9\",\"es-es_component_pagination.md\":\"2a6c79e4\",\"es-es_component_popconfirm.md\":\"bc20ec77\",\"es-es_component_popover.md\":\"f426bd92\",\"es-es_component_progress.md\":\"daf68914\",\"es-es_component_radio.md\":\"486e1f85\",\"es-es_component_rate.md\":\"a9e9839a\",\"es-es_component_result.md\":\"03e2b5c9\",\"es-es_component_scrollbar.md\":\"b1d44762\",\"es-es_component_segmented.md\":\"dde9af69\",\"es-es_component_select-v2.md\":\"f2461331\",\"es-es_component_select.md\":\"3806b2a2\",\"es-es_component_skeleton.md\":\"de67344f\",\"es-es_component_slider.md\":\"e09f7707\",\"es-es_component_space.md\":\"7895210d\",\"es-es_component_statistic.md\":\"e1ac1e73\",\"es-es_component_steps.md\":\"1fc9eba7\",\"es-es_component_switch.md\":\"20063bd2\",\"es-es_component_table-v2.md\":\"93eb9504\",\"es-es_component_table.md\":\"b6f642f9\",\"es-es_component_tabs.md\":\"6096349a\",\"es-es_component_tag.md\":\"9c5c0e10\",\"es-es_component_text.md\":\"17c24c74\",\"es-es_component_time-picker.md\":\"f4923d8f\",\"es-es_component_time-select.md\":\"f86c55cc\",\"es-es_component_timeline.md\":\"8429a3b2\",\"es-es_component_tooltip-v2.md\":\"bbed0d27\",\"es-es_component_tooltip.md\":\"b54a21a6\",\"es-es_component_tour.md\":\"126261ae\",\"es-es_component_transfer.md\":\"5a9f201a\",\"es-es_component_tree-select.md\":\"0fcc297b\",\"es-es_component_tree-v2.md\":\"45b6ea74\",\"es-es_component_tree.md\":\"c1e381b2\",\"es-es_component_typography.md\":\"a6ffe7c4\",\"es-es_component_upload.md\":\"500986c9\",\"es-es_component_watermark.md\":\"35185146\",\"es-es_guide_changelog.md\":\"6ede0ec4\",\"es-es_guide_commit-examples.md\":\"391e6e04\",\"es-es_guide_dark-mode.md\":\"b7b2c169\",\"es-es_guide_design.md\":\"ed2ac2c5\",\"es-es_guide_dev-faq.md\":\"81ad3d1a\",\"es-es_guide_dev-guide.md\":\"3dc08093\",\"es-es_guide_i18n.md\":\"43b6d652\",\"es-es_guide_installation.md\":\"e9133ead\",\"es-es_guide_migration.md\":\"ed25d692\",\"es-es_guide_namespace.md\":\"350dcd71\",\"es-es_guide_nav.md\":\"3d0d3a75\",\"es-es_guide_quickstart.md\":\"55bde8ba\",\"es-es_guide_ssr.md\":\"7ead3e9e\",\"es-es_guide_theming.md\":\"b2b48814\",\"es-es_guide_transitions.md\":\"b3b14210\",\"es-es_guide_translation.md\":\"e9c5441c\",\"es-es_index.md\":\"d405cc52\",\"es-es_resource_index.md\":\"d2b7ae84\",\"index.md\":\"04a59250\",\"zh-cn_component_affix.md\":\"23e52862\",\"zh-cn_component_alert.md\":\"6ff7249f\",\"zh-cn_component_anchor.md\":\"b53679b2\",\"zh-cn_component_autocomplete.md\":\"bfaa570c\",\"zh-cn_component_avatar.md\":\"319997b4\",\"zh-cn_component_backtop.md\":\"b2087ba0\",\"zh-cn_component_badge.md\":\"5db8586f\",\"zh-cn_component_border.md\":\"fc6ee12b\",\"zh-cn_component_breadcrumb.md\":\"694c5d5c\",\"zh-cn_component_button.md\":\"d72f9c9b\",\"zh-cn_component_calendar.md\":\"e72b465b\",\"zh-cn_component_card.md\":\"2d8ae711\",\"zh-cn_component_carousel.md\":\"6c3b57a8\",\"zh-cn_component_cascader.md\":\"de013c1c\",\"zh-cn_component_checkbox.md\":\"3369f58f\",\"zh-cn_component_collapse.md\":\"3a2998e9\",\"zh-cn_component_color-picker.md\":\"f2fdc6e3\",\"zh-cn_component_color.md\":\"2092e013\",\"zh-cn_component_config-provider.md\":\"de87fb8f\",\"zh-cn_component_container.md\":\"4ffee82b\",\"zh-cn_component_date-picker.md\":\"063fd2fa\",\"zh-cn_component_datetime-picker.md\":\"a99a7bd8\",\"zh-cn_component_descriptions.md\":\"a063251a\",\"zh-cn_component_dialog.md\":\"efb8b920\",\"zh-cn_component_divider.md\":\"f9019db6\",\"zh-cn_component_drawer.md\":\"07594aa6\",\"zh-cn_component_dropdown.md\":\"95c55aaf\",\"zh-cn_component_empty.md\":\"b6525f64\",\"zh-cn_component_form.md\":\"3ea6a4c8\",\"zh-cn_component_icon.md\":\"d270e0d4\",\"zh-cn_component_image.md\":\"d35601ea\",\"zh-cn_component_infinite-scroll.md\":\"e1c429eb\",\"zh-cn_component_input-number.md\":\"5c43453b\",\"zh-cn_component_input.md\":\"1baba878\",\"zh-cn_component_layout.md\":\"3bec9afc\",\"zh-cn_component_link.md\":\"a3b795a9\",\"zh-cn_component_loading.md\":\"db96a5d4\",\"zh-cn_component_menu.md\":\"8a43b675\",\"zh-cn_component_message-box.md\":\"eea40272\",\"zh-cn_component_message.md\":\"cd724452\",\"zh-cn_component_notification.md\":\"c73e2635\",\"zh-cn_component_overview.md\":\"85162963\",\"zh-cn_component_page-header.md\":\"881c51c5\",\"zh-cn_component_pagination.md\":\"22df911c\",\"zh-cn_component_popconfirm.md\":\"2072b45c\",\"zh-cn_component_popover.md\":\"18a19a19\",\"zh-cn_component_progress.md\":\"1e6cd816\",\"zh-cn_component_radio.md\":\"87bf3738\",\"zh-cn_component_rate.md\":\"6dd1ffe9\",\"zh-cn_component_result.md\":\"f626791b\",\"zh-cn_component_scrollbar.md\":\"4d8d7b22\",\"zh-cn_component_segmented.md\":\"a0051b6f\",\"zh-cn_component_select-v2.md\":\"cbf28fa3\",\"zh-cn_component_select.md\":\"e07d5008\",\"zh-cn_component_skeleton.md\":\"d94db6a1\",\"zh-cn_component_slider.md\":\"1c277f4f\",\"zh-cn_component_space.md\":\"7a5366a6\",\"zh-cn_component_statistic.md\":\"1d83e865\",\"zh-cn_component_steps.md\":\"2af594d2\",\"zh-cn_component_switch.md\":\"52c86be1\",\"zh-cn_component_table-v2.md\":\"52571ee3\",\"zh-cn_component_table.md\":\"72a68a3c\",\"zh-cn_component_tabs.md\":\"b1f739d0\",\"zh-cn_component_tag.md\":\"eebc2119\",\"zh-cn_component_text.md\":\"751f2320\",\"zh-cn_component_time-picker.md\":\"b7e02ead\",\"zh-cn_component_time-select.md\":\"546f2844\",\"zh-cn_component_timeline.md\":\"458bca9e\",\"zh-cn_component_tooltip-v2.md\":\"f3fb6e69\",\"zh-cn_component_tooltip.md\":\"181e154b\",\"zh-cn_component_tour.md\":\"1cb10b3c\",\"zh-cn_component_transfer.md\":\"e2417b42\",\"zh-cn_component_tree-select.md\":\"47d26e71\",\"zh-cn_component_tree-v2.md\":\"bbe3b867\",\"zh-cn_component_tree.md\":\"0e654f54\",\"zh-cn_component_typography.md\":\"954871b9\",\"zh-cn_component_upload.md\":\"f2592745\",\"zh-cn_component_watermark.md\":\"6f94e3d4\",\"zh-cn_guide_changelog.md\":\"12dec243\",\"zh-cn_guide_commit-examples.md\":\"e5a46a42\",\"zh-cn_guide_dark-mode.md\":\"6161cb5c\",\"zh-cn_guide_design.md\":\"f0a6d30a\",\"zh-cn_guide_dev-faq.md\":\"2c686d30\",\"zh-cn_guide_dev-guide.md\":\"ddc538e3\",\"zh-cn_guide_i18n.md\":\"d90a8559\",\"zh-cn_guide_installation.md\":\"f1cab8f9\",\"zh-cn_guide_migration.md\":\"6b614a5a\",\"zh-cn_guide_namespace.md\":\"148d59f9\",\"zh-cn_guide_nav.md\":\"ac43edbb\",\"zh-cn_guide_quickstart.md\":\"6581caf0\",\"zh-cn_guide_ssr.md\":\"256e7b7c\",\"zh-cn_guide_theming.md\":\"9202b1c2\",\"zh-cn_guide_transitions.md\":\"a0bf182e\",\"zh-cn_guide_translation.md\":\"34364ffe\",\"zh-cn_index.md\":\"b759941e\",\"zh-cn_resource_index.md\":\"c44aa9a4\"}")</script>
<script type="module" async src="/assets/app.c2c2154b.js"></script>
</body>
</html>