一款简单的Vue月份选择器组件（vue-month-picker）

 website 下载

介绍

vue-month-picker是一款简单，轻量级的Vue.js月份选择器，没有依赖项。

使用方法

import Vue from 'vue'
import { MonthPicker } from 'vue-month-picker'
import { MonthPickerInput } from 'vue-month-picker'

Vue.use(MonthPicker)
Vue.use(MonthPickerInput)

Input

<template>
  <month-picker-input :no-default="true"></month-picker-input>
</template>

<script>
import { MonthPickerInput } from 'vue-month-picker'

export default {
    components: {
        MonthPickerInput
    }
}
</script>

Inline

<template>
    <p>{{ date.month }}</p>
  <month-picker @change="showDate"></month-picker>
</template>

<script>
import { MonthPicker } from 'vue-month-picker'

export default {
    data() {
        return {
            date: {
                from: null,
                to: null,
                month: null,
                year: null
            }
        }
    },
    components: {
        MonthPicker
    },
    methods: {
        showDate (date) {
            this.date = date
        }
    }
}
</script>