vue-el-datepicker

vue-el-datepicker

仿element-ui日期选择器弹窗部分组件

起因

由于某些业务要求，需要用到element时间选择器样式的同时不希望它是弹窗的模式，但是element-ui并没有提供一个单独的选择日期组件，因此开发了这个组件，组件逻辑部分大部分参考element-ui date-picker 源码部分。

样式

安装

npm install --save vue-el-datepicker

用法

<template>
  <div id="app">
    
    <p>{{date}}</p>

    <date-picker 
      ref="date"
      v-model="date"
      type="week"
      separator="-"
      @getValue="getTime"
    />

  </div>
</template>

<script>
import datePicker from 'vue-el-datepicker'
export default {
  data(){
    return {
      date: '2020-01-08',
    }
  },
  components: {
    datePicker
  },
  methods:{
    getTime(time){
      console.log(time)
      console.log(time.date)
      
    }
  }
}
</script>

Props