0.0.0 • Published 7 years ago

mobile-date-picker v0.0.0

Weekly downloads
3
License
MIT
Repository
github
Last release
7 years ago

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 namedescriptionexample value
isOpenhandle the component is show or hidetrue(type Boolean)
minMinimum date to choosenew Date(1992,0,1)
maxThe maximum date you can choosenew Date(2050,0,1)
dateFormatFormat of formatted date'YYYY', 'MM', 'DD',
onSelectfunction()=>{}
onCancelfunction()=>{}
0.0.0

7 years ago