:::demo 示例

```html
<template>
  <div>

      <h3>年-月-日</h3>
      <v-m-date-picker :mode="mode1" :item-height="itemHeight" :show-count="showCount" :size="size" :width="100" :label="'开始日期'" :min-date="startDate1" :max-date="date2" v-model="date1" ></v-m-date-picker>
      <v-m-date-picker :mode="mode1" :item-height="itemHeight" :show-count="showCount" :size="size" :width="100" :label="'结束日期'" :min-date="date1" :max-date="endDate1" v-model="date2" ></v-m-date-picker>

      <h3>年-月-日 时:分:秒</h3>
      <v-m-date-picker :mode="mode2" :item-height="itemHeight" :show-count="showCount" :size="size" :label="'开始日期'" :min-date="startDate2" :max-date="date4" v-model="date3" ></v-m-date-picker>
      <v-m-date-picker :mode="mode2" :item-height="itemHeight" :show-count="showCount" :size="size" :label="'结束日期'" :min-date="date3" :max-date="endDate2" v-model="date4" ></v-m-date-picker>

  </div>
</template>

<script>
export default {
  name:"basic",
  data(){
    return {
       mode1:2,
       mode2:5,
       value:'',
       size:'middle',
       itemHeight:45,
       showCount:5,
       startDate1:'2000-05-01',
       endDate1:'2020-10-01',
       date1:'',
       date2:'',
       startDate2:'2000-05-01 00:00:00',
       endDate2:'2020-10-01 23:59:59',
       date3:'',
       date4:''
    }
  }
}
</script>
```
:::