mirror of
https://github.com/element-plus/element-plus.git
synced 2025-02-17 11:49:41 +08:00
2 lines
109 KiB
JavaScript
2 lines
109 KiB
JavaScript
|
import{_ as E,a as c,b as l,c as u}from"./chunks/default-time.3448ba9f.js";import{c as D,a as t,w as p,u as e,e as o,b as a,d as C,r as k,o as i}from"./app.fbbef7af.js";const r=o('<h1 id="datetimepicker" tabindex="-1">DateTimePicker <a class="header-anchor" href="#datetimepicker" aria-hidden="true">#</a></h1><p>Select date and time in one picker.</p><div class="tip custom-block"><p class="custom-block-title">TIP</p><p>DateTimePicker is derived from DatePicker and TimePicker. For a more detailed explanation on attributes, you can refer to DatePicker and TimePicker.</p></div><h2 id="date-and-time" tabindex="-1">Date and time <a class="header-anchor" href="#date-and-time" aria-hidden="true">#</a></h2>',4),F=a("p",null,"datetime-picker/date-and-time",-1),d=o('<h2 id="datetime-formats" tabindex="-1">DateTime Formats <a class="header-anchor" href="#datetime-formats" aria-hidden="true">#</a></h2><p>Use <code>format</code> to control displayed text's format in the input box. Use <code>value-format</code> to control binding value's format.</p><p>By default, the component accepts and emits a <code>Date</code> object.</p><p>Check the list <a href="https://day.js.org/docs/en/display/format#list-of-all-available-formats" target="_blank" rel="noopener noreferrer">here</a> of all available formats of Day.js.</p><div class="warning custom-block"><p class="custom-block-title">WARNING</p><p>Pay attention to capitalization</p></div>',5),A=a("p",null,"datetime-picker/date-and-time-formats",-1),m=a("h2",{id:"date-and-time-range",tabindex:"-1"},[C("Date and time range "),a("a",{class:"header-anchor",href:"#date-and-time-range","aria-hidden":"true"},"#")],-1),g=a("p",null,"datetime-picker/date-and-time-range",-1),v=a("h2",{id:"default-time-value-for-start-date-and-end-date",tabindex:"-1"},[C("Default time value for start date and end date "),a("a",{class:"header-anchor",href:"#default-time-value-for-start-date-and-end-date","aria-hidden":"true"},"#")],-1),h=a("p",null,"datetime-picker/default-time",-1),B=o('<h2 id="attributes" tabindex="-1">Attributes <a class="header-anchor" href="#attributes" aria-hidden="true">#</a></h2><table><thead><tr><th>Attribute</th><th>Description</th><th>Type</th><th>Accepted Values</th><th>Default</th></tr></thead><tbody><tr><td>model-value / v-model</td><td>binding value</td><td>date(DateTimePicker) / array(DateTimeRangePicker)</td><td>\u2014</td><td>\u2014</td></tr><tr><td>readonly</td><td>whether DatePicker is read only</td><td>boolean</td><td>\u2014</td><td>false</td></tr><tr><td>disabled</td><td>whether DatePicker is disabled</td><td>boolean</td><td>\u2014</td><td>false</td></tr><tr><td>editable</td><td>whether the input is editable</td><td>boolean</td><td>\u2014</td><td>true</td></tr><tr><td>clearable</td><td>whether to show clear button</td><td>boolean</td><td>\u2014</td><td>true</td></tr><tr><td>size</td><td>size of Input</td><td>string</td><td>large/default/small</td><td>default</td></tr><tr><td>placeholder</td><td>placeholder in non-range mode</td><td>string</td><td>\u2014</td><td>\u2014</td></tr><tr><td>start-placeholder</td><td>placeholder for the start date in range mode</td><td>string</td><td>\u2014</td><td>\u2014</td></tr><tr><td>end-placeholder</td><td>placeholder for the end date in range mode</td><td>string</td><td>\u2014</td><td>\u2014</td></tr><tr><td>time-arrow-control</td><td>whether to pick time using arrow buttons</td><td>boolean</td><td>\u2014</td><td>false</td></tr><tr><td>type</td><td>type of the picker</td><td>string</td><td>year/month/date/datetime/ week/datetimerange/daterange</td><td>date</td></tr><tr><td>format</td><td>format of the displayed value in the input box</td><td>string</td><td>see <a href="/en-US/component/date-picker.html#date-formats">date formats</a></td><td>YYYY-MM-DD HH:mm:ss</td></tr><tr><td>popper-class</td><td>custom class name for DateTimePicker's dropdown</td><td>string</td><td>\u2014</td><td>\u2014</td></tr><tr><td>range-separator</td><td>range separator</td><td>string</td><td>-</td><td>'-'</td></tr><tr><td>default-value</td><td>optional, de
|