Kray / pikaday-vue

A Vue.js wrapper for Pikaday

Home Page:http://www.maxpou.fr/pikaday-vue/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

pikaday-vue

Build Status Standard - JavaScript Style Guide

A Vue.js wrapper for Pikaday

A demo is available here: www.maxpou.fr/pikaday-vue/

Configuration

Props config:

  • minDate: earliest date that can be selected
  • maxDate: latest date that can be selected
  • defaultDate: default date set (should be a Date object)
  • setDefaultDate: make the defaultDate the initial selected value
  • firstDay: first day of the week (0: Sunday, 1: Monday, etc) (default: 1)
  • format: the default output format (examples) (default: MMMM Do YYYY)
  • numberOfMonths: number of calendars
  • calendarIcon: set the icon on the div (default: true)
  • disableWeekends disallow selection of Saturdays or Sundays (default: false)

Event:

  • onSelect(dateSelected): raise when date change

Contributing

# install dependencies
npm install

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

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

# run unit tests
npm run unit

# run e2e tests
npm run e2e

# run all tests
npm test

For detailed explanation on how things work, checkout the guide and docs for vue-loader. For commits messages, please follow the gitmoji guideline

About

A Vue.js wrapper for Pikaday

http://www.maxpou.fr/pikaday-vue/

License:MIT License


Languages

Language:JavaScript 82.6%Language:Vue 16.6%Language:HTML 0.7%