wvue-datepicker

介绍

日期选择器

安装教程

npm install vue-datepicker -D

使用说明

//main.js
import datepicker from 'wvue-datepicker'
Vue.use(datepicker)

//page.vue
<template>
    <datePicker @getTime="getTime" :options='options'></datePicker>
</template>

export default {
  data() {
    return {
      time: "2021-03-12",
      options: { //设置宽，高，时间范围
        width: 300,
        height: 300,
        limit: ["2010-11-1", "2021-05-30"],
      },
    };
  },
  methods: {
    getTime(date) { //返回选中时间
      this.time = date;
    },
  }
}