Vue-monthly-picker NPM

vue-monthly-picker

Vue Monthly Picker Components

Checkout demo at https://ittus.github.io/vue-monthly-picker/

Support

Install

npm install vue-monthly-picker --save

import VueMonthlyPicker from 'vue-monthly-picker'
Vue.component('my-component', {
    components: {
        VueMonthlyPicker
    }
});

Usage

<vue-monthly-picker
 v-model="selectedMonth">
</vue-monthly-picker>

Note: v-model binding value need to be a moment object

Available props

Prop	Type	Default	Description
disabled	Boolean	`false`	Enable/disable component
monthLabels	Array	`['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12']`	Customize month labels
placeHolder	String	''	Place holder when value is null
min	moment	`null`	Minimum time to select
max	moment	`null`	Maximum time to select
dateFormat	String	`YYYY/MM`	Display format.
value	moment	`null`	Moment value of selected month and year
alignment	String	`left`	Alignment of input value, possible value: `left`, `right`, `center`
selectedBackgroundColor	String	`#007bff`	Background color of selected value. It can be HTML color name (red, green, blue) or hexa color code (`#00FF00`, `#0000FF`)
clearOption	Boolean	true	Show/Hide clear option

Events

Event	Params	Description
selected	selected month in `moment`	A month has been selected

Build Setup

# install dependencies
yarn install

# serve with hot reload at localhost:8080
yarn dev

# build for production with minification
yarn build

# run all tests
yarn test

month-select month-option monthpicker month-picker vue-component vuejs

help-system @infinitebrahmanuniverse/nolb-vue-mo @everything-registry/sub-chunk-3086 sheets_form_builder_js contaja-shared-components vue-fullcalendar-hql

5 years ago

5 years ago

5 years ago

6 years ago

6 years ago