vux-datepicker v0.5.0

Vux Datepicker

A datepicker Vue component. Compatible with Vue 2.x

• Demo
• Install
• Usage
• Basic Usage
• Props
• Events
• Date Formatting
• Translations / Language

NB. Vue 2.x was supported up to version v0.1.0. If you want to use this component with Vue 1.x you can install with npm install vux-datepicker@0.5.0

Demo

To view demo examples locally clone the repo and run npm install && npm run serve

Install

npm install vux-datepicker --save

Usage

import VueDatepicker  from 'vux-datepicker'
import 'font-awesome/css/font-awesome.css'
import 'vux-datepicker/vuex-datepicker.css'
Vue.use(VueDatepicker)

Basic Usage

<template>
  <div id="app">
    <vux-datepicker />
  </div>
</template>

<script>

export default {
  name: 'App',
}
</script>

With more props

<template>
 <vux-date-picker format="DD-MM-YYYY"
                       lang="en"
                       v-model="value"
                       @nextpressed="nextPressed"
                       @prevpressed="prevPressed"
                       @change="onDateChange"
                       color="#aa66cc"
      />
</template>
<script>
export default {
  name: 'App',
  data () {
    return {
      value: ''
    }
  },
  methods: {
    onDateChange (date) {
      console.log(date)
    },
    nextPressed (date) {
      console.log(date)
    },
    prevPressed (date) {
      console.log(date)
    }
  }
}
</script>

Available props

Events

These events are emitted on actions in the datepicker

Date formatting

String formatter

NB. This is not very robust at all - use at your own risk! Needs a better implementation.

Language

Available languages