Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/Bubblings/vue-date-picker
datepicker component for Vue 2.x
https://github.com/Bubblings/vue-date-picker
Last synced: about 23 hours ago
JSON representation
datepicker component for Vue 2.x
- Host: GitHub
- URL: https://github.com/Bubblings/vue-date-picker
- Owner: 8788
- License: mit
- Created: 2016-01-21T13:07:49.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2019-10-24T04:36:42.000Z (about 5 years ago)
- Last Synced: 2024-10-28T16:22:57.290Z (8 days ago)
- Language: Vue
- Homepage:
- Size: 230 KB
- Stars: 99
- Watchers: 5
- Forks: 49
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-github-vue - vue-date-picker - VueJS日期选择器组件 (UI组件)
- awesome - vue-date-picker - VueJS日期选择器组件 (UI组件)
README
# vue-date-picker
[![npm version][npm-image]][npm-url] [![david deps][david-image]][david-url] [![npm license][license-image]][download-url]
datepicker component for Vue 2.x
## Screenshot
## Instllation
```bash
$ npm install vue-date-picker --save
```
## Usage
```html
import datepicker from 'vue-date-picker'
export default {
components: {
datepicker
},
methods: {
disabledDate (date) {
return date.getTime() < Date.now()
}
}
}
```
## Prop
| Prop | Type | Default | Description |
|-------------------------------|--------------------|:-----------:|------------------------------------------|
| value | String | -- | Date value of the datepicker |
| name | String | -- | Input name property |
| format | String | YYYY-MM-DD | Date formatting string |
| readonly | String | false | Input readonly property |
| input-class | Array \| Object | -- | Binding class for input |
| input-style | Array \| Object | -- | Binding inline style for input |
| input-attr | Object | -- | Binding attribute for input |
| calendar-class | Array \| Object | -- | Binding class for calendar |
| calendar-style | Array \| Object | -- | Binding inline style for calendar |
| calendar-attr | Object | -- | Binding attribute for calendar |
| disabled-date | Function | -- | A function that determines if you want to disable dates |
## License
[The MIT License](http://opensource.org/licenses/MIT)
[npm-image]: https://img.shields.io/npm/v/vue-date-picker.svg?style=flat-square
[npm-url]: https://npmjs.org/package/vue-date-picker
[david-image]: https://img.shields.io/david/8788/vue-date-picker.svg?style=flat-square
[david-url]: https://david-dm.org/8788/vue-date-picker
[download-url]: https://npmjs.org/package/vue-date-picker
[license-image]: https://img.shields.io/npm/l/vue-date-picker.svg