month-picker-drag

• Author: Tony Hoang
• Email: [email protected], [email protected]
• Contributors: [email protected]

A Vue.js MonthPickerDrag component with vue dependencies.

Version 0.2.2

• Support Vue.js from version 2.x and later

Release Notes

https://github.com/tonyhoang2712/month-picker-drag

Usage

Install

npm

npm install month-picker-drag

yarn

yarn add month-picker-drag

Sample code

<template>
  <div>
    <month-picker-drag
      @fiscal-month="getFiscalMonth"
      :propsMonth="propsMonth"
    ></month-picker-drag>
  </div>
</template>

<script>
import MonthPickerDrag from 'month-picker-drag'

export default {
  name: 'HelloWorld',
  components: {
    MonthPickerDrag
  },
  computed: {
    propsMonth() {
      return {
        startFiscalMonth: 1,
        startMonth: 1,
        endMonth: 12,
        quarterOfYear: false,
        language: 'en'
      }
    }
  },
  methods: {
    getFiscalMonth(payload) {
      console.log(payload)
    }
  }
}
</script>

Props

Component: MonthPickerDrag

| Name | Type | Default | Description | |------------------|----------|----------------|-------------------------------------| | startFiscalMonth | Number | 1 |the starting month of the fiscal year| | startMonth | Number | 1 |the starting month of the fiscal year that is currently viewed or active| | endMonth | Number | 12 |the ending month of the fiscal year that is currently viewed or active| | quarterOfYear | Boolean | false |determines that it is either the quarters of the year or the months of the year| | language | String | vi or en |determines that it is either Vietnamese or English| | :fiscal-month | Function | return Object |it returns an object|

See Configuration Reference.