Vue ym picker

vue year month picker

Version: 2.0.1 Updated: 01/31/2017

By: moreta License: MIT

Downloads Last 30 Days: 51

Install

npm i vue-ym-picker
yarn add vue-ym-picker

Repository: https://github.com/moreta/vue-ym-picker

CDNs

bundle.run: https://bundle.run/vue-ym-picker

jsDelivr: https://cdn.jsdelivr.net/npm/vue-ym-picker

unpkg: https://unpkg.com/vue-ym-picker

vue-search-select

A Vue.js Year Month select component.

Demo

http://moreta.github.io/vue-ym-picker/

Usage

Install

npm install --save vue-ym-picker

Usage

<template>
  <div style="width: 500px;">
    <div>
      <div>{{ym}}</div>
    </div>
    <div style="height: 50px;"></div>
    <div>
      <select-ym :on-select="onSelectItem"></select-ym>
    </div>
  </div>


</template>

<script>
  import VueYmPicker from 'vue-ym-picker'
  export default {
    data () {
      return {
        ym: ''
      }
    },
    methods: {
      onSelectItem (ym) {
        console.log(ym)
        this.ym = ym
      }
    },
    components: {
      'select-ym': VueYmPicker
    }
  }
</script>

Run examples

cd examples

# install dependencies
npm install

# serve with hot reload at localhost:9090
npm run dev
Categories: Vue js