iview/test/routers/date.vue

<style>
    body{
        height: auto !important;
    }
</style>
<template>
    <row>
        <i-col span="12">
            <date-picker type="date" placeholder="选择日期" style="width: 200px"></date-picker>
        </i-col>
        <i-col span="12">
            <date-picker type="daterange" placement="bottom-end" placeholder="选择日期" style="width: 200px"></date-picker>
        </i-col>
        <i-col span="12">
            <time-picker
                :value="value"
                placeholder="选择时间"
                format="HH:mm:ss"
                :hide-disabled-options="true"
                :disabled-hours="[1,2]"
                style="width: 168px"></time-picker>
        </i-col>
    </row>
</template>
<script>
    export default {
        data () {
            return {
                value: '2016-12-12 03:03:03'
            }
        }
    }
</script>