:::demo 示例

```html
<template>
  <div>
      <h4>尺寸:small</h4>
      <v-m-date-picker :mode="mode" v-model="value" :item-height="itemHeight" :show-count="showCount" :size="small" ></v-m-date-picker>

      <h4>尺寸:middle</h4>
      <v-m-date-picker :mode="mode" v-model="value" :item-height="itemHeight" :show-count="showCount" :size="middle" ></v-m-date-picker>
      
      <h4>尺寸:large</h4>
      <v-m-date-picker :mode="mode" v-model="value" :item-height="itemHeight" :show-count="showCount" :size="large" ></v-m-date-picker>

  </div>
</template>

<script>
export default {
  name:"basic",
  data(){
    return {
       mode:2,
       value:'',
       small:'small',
       middle:'middle',
       large:'large',
       itemHeight:45,
       showCount:5
    }
  },
  created(){

      let currentDate=new Date();
      let year=currentDate.getFullYear();
      let month= this.dateFormat(currentDate.getMonth()+1);
      let day=this.dateFormat(currentDate.getDate());
      this.value=`${year}-${month}-${day}`;

  },
  methods:{
      dateFormat(value){

          if(value<10){

              return `0${value}`;

          }

          return value;

      }
  }
}
</script>
```
:::