vue-monthly-picker

WebJar for vue-monthly-picker

License

License

MIT
Categories

Categories

Github Development Tools Version Controls
GroupId

GroupId

org.webjars.npm
ArtifactId

ArtifactId

github-com-ittus-vue-monthly-picker
Last Version

Last Version

0.2.8
Release Date

Release Date

Type

Type

jar
Description

Description

vue-monthly-picker
WebJar for vue-monthly-picker
Project URL

Project URL

http://webjars.org
Source Code Management

Source Code Management

https://github.com/ittus/vue-monthly-picker

Download github-com-ittus-vue-monthly-picker

How to add to project

<!-- https://jarcasting.com/artifacts/org.webjars.npm/github-com-ittus-vue-monthly-picker/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>github-com-ittus-vue-monthly-picker</artifactId>
    <version>0.2.8</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.npm/github-com-ittus-vue-monthly-picker/
implementation 'org.webjars.npm:github-com-ittus-vue-monthly-picker:0.2.8'
// https://jarcasting.com/artifacts/org.webjars.npm/github-com-ittus-vue-monthly-picker/
implementation ("org.webjars.npm:github-com-ittus-vue-monthly-picker:0.2.8")
'org.webjars.npm:github-com-ittus-vue-monthly-picker:jar:0.2.8'
<dependency org="org.webjars.npm" name="github-com-ittus-vue-monthly-picker" rev="0.2.8">
  <artifact name="github-com-ittus-vue-monthly-picker" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.npm', module='github-com-ittus-vue-monthly-picker', version='0.2.8')
)
libraryDependencies += "org.webjars.npm" % "github-com-ittus-vue-monthly-picker" % "0.2.8"
[org.webjars.npm/github-com-ittus-vue-monthly-picker "0.2.8"]

Dependencies

There are no dependencies for this project. It is a standalone project that does not depend on any other jars.

Project Modules

There are no modules declared in this project.

vue-monthly-picker

Vue Monthly Picker Components

npm version CircleCI

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

Support

Buy Me A Coffee

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
inputClass String input Customize css class for visible element

Events

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

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# run all tests
npm run test

Versions

Version
0.2.8