mobile-date-picker

a vue component to choose date on mobile

快速使用

npm install mobile-date-picker

how to use it

<template>
  <div>
    <date-picker
        :isOpen="isOpen"
        @onCancel="closePicker"
        @onSelect="handleSelect"
    />
</div>
</template>

import DatePicker from 'mobile-date-picker';
export default {
  name:'Demo',
  data(){
    return{
      isOpen:false,
      value:""
    }
  },
  components:{
    DatePicker
  },
  methods:{
     handleSelect(value){
       this.value = value;
      },
      openPicker(){
          this.isOpen = true;
      },
      closePicker(){
          this.isOpen = false;
      },
  }
}

props

| props name | description | example value | | :--------: | :-----: | :----: | | isOpen | handle the component is show or hide | true(type Boolean) | | min | Minimum date to choose | new Date(1992,0,1) | | max | The maximum date you can choose | new Date(2050,0,1) | | dateFormat | Format of formatted date | ['YYYY', 'MM', 'DD'], | | onSelect | function | ()=>{} | | onCancel | function | ()=>{} |