<template>
    <div class="ht-base-date-picker-time-demo">
        <ht-base-row>
            <ht-base-col span="24">
                <span>日期时间选择器-默认：</span>
                <ht-base-date-picker
                        type="datetime"
                        placeholder="请选择"
                        style="width: 300px">
                </ht-base-date-picker>
            </ht-base-col>
        </ht-base-row>
        <br>
        <ht-base-row>
            <ht-base-col span="24">
                <span>日期时间选择器-时分：</span>
                <ht-base-date-picker
                        type="datetime"
                        format="yyyy-MM-dd HH:mm"
                        placeholder="请选择"
                        style="width: 300px">
                </ht-base-date-picker>
            </ht-base-col>
        </ht-base-row>
        <br>
        <ht-base-row>
            <ht-base-col span="24">
                <span>起止日期时间选择器-默认：</span>
                <ht-base-date-picker
                        type="datetimerange"
                        placeholder="请选择"
                        style="width: 300px">
                </ht-base-date-picker>
            </ht-base-col>
        </ht-base-row>
        <br>
        <ht-base-row>
            <ht-base-col span="24">
                <span>起止日期时间选择器-时分：</span>
                <ht-base-date-picker
                        type="datetimerange"
                        format="yyyy-MM-dd HH:mm"
                        placeholder="请选择"
                        style="width: 300px">
                </ht-base-date-picker>
            </ht-base-col>
        </ht-base-row>
    </div>
</template>

<script>
    export default {
        name: 'HtBaseDatePickerTimeDemo',
    }
</script>
<style>
    .ht-base-date-picker-time-demo {

    }
</style>

