cloud-ui.vusion/src/u-date-time-picker.vue/index.html

Vusion Cloud UI

<div :class="$style.root" ref="element" v-click-outside="handleClose">
    <div :class="$style.head">
        <input :class="$style.input" :placeholder="placeholder" :value="dateTime" ref="input" :autofocus="autofocus" :readonly="readonly" :disabled="disabled" :style="{width: width+'px'}"
            @focus="toggle(true)" @change="onInput($event)">
    </div>
    <div :class="$style.body" v-show="open">
        <u-calendar :readonly="readonly" :year-diff="yearDiff" :year-add="yearAdd" :min-date="minCalendarDate" :max-date="maxCalendarDate" :date="showDate" @select="outRangeDateTime($event.date, showTime)">
            <u-time-picker :class="$style.timePicker" :readonly="readonly" :time="showTime" width="50" :min-time="minTime" :max-time="maxTime" @change="outRangeDateTime(showDate, $event.time)" />
        </u-calendar>
    </div>
    <slot></slot>
</div>