https://github.com/maxpou/pikaday-vue

A Vue.js wrapper for Pikaday
https://github.com/maxpou/pikaday-vue

calendar datepicker vuejs

Last synced: about 1 year ago
JSON representation

A Vue.js wrapper for Pikaday

• Host: GitHub
• URL: https://github.com/maxpou/pikaday-vue
• Owner: maxpou
• License: mit
• Created: 2017-05-16T16:15:00.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2018-10-17T18:10:16.000Z (over 7 years ago)
• Last Synced: 2025-04-11T04:34:56.502Z (about 1 year ago)
• Topics: calendar, datepicker, vuejs
• Language: JavaScript
• Homepage: https://maxpou.github.io/pikaday-vue/
• Size: 623 KB
• Stars: 3
• Watchers: 2
• Forks: 2
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# pikaday-vue

[![Build Status](https://travis-ci.org/maxpou/pikaday-vue.svg?branch=master)](https://travis-ci.org/maxpou/dictionary-game) [![Standard - JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

> A Vue.js wrapper for [Pikaday](https://github.com/dbushell/Pikaday)

A demo is available here: [maxpou.github.io/pikaday-vue/](https://maxpou.github.io/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](https://momentjs.com/#format-dates)) (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

``` bash

# 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](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).

For commits messages, please follow the [gitmoji guideline](https://gitmoji.carloscuesta.me/)