https://github.com/showonne/vue-date

A datepicker component for Vue.js
https://github.com/showonne/vue-date

datepicker-component javascript vue

Last synced: 6 days ago
JSON representation

A datepicker component for Vue.js

• Host: GitHub
• URL: https://github.com/showonne/vue-date
• Owner: showonne
• License: mit
• Created: 2016-07-31T15:21:48.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2024-11-08T14:18:09.000Z (4 months ago)
• Last Synced: 2025-02-09T02:04:00.177Z (13 days ago)
• Topics: datepicker-component, javascript, vue
• Language: Vue
• Homepage: https://showonne.github.io/vue-date/
• Size: 1.12 MB
• Stars: 156
• Watchers: 10
• Forks: 62
• Open Issues: 12
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# vue-datepicker

> datepicker component for Vue.js, already support Vue.js 2.x, the Vue.js 1.x version is on branch `vue-1.x`(not maintain).

Live Demo is [here](https://showonne.github.io/vue-date/)

## Installation

>npm install vue-date --save

## Usage

#### use with single `.vue` file:

```html

    


        

    


    import datepicker from 'vue-date'

    export default {

        data() {

            return {

                date: '2016-10-16'

            }

        },

        components: { datepicker }

    }

```

#### use in browser:

```html

//index.html

    

    

    

        


            

        

        

            new Vue({

                el: '#app',

                data: {

                    date: '2016-10-16'

                },

                components: { datepicker }

            })

        

    


```

## Props

#### language

###### Type: `String`

###### Default: `en`

###### Optional: `en(English)`, `zh-cn(Chinese)`, `uk(Ukrainsk)`, `es(Spanish)`

The language type. Support `en`(English), `zh-cn`(Chinese), `uk`(Ukrainsk) and `es`(Spanish) now.

#### min

###### Type: `String`

###### Default: `1970-01-01`

The minimum date.

```html

//pass string

//or pass variable

```

#### max

###### Type: `String`

###### Default: `3016-01-01`

The maximum date. Usage is same of `min`.

#### range

###### Type: `Boolean`

###### Default: `false`

Use range mode or not. If  pass `true`, the binding value should be an Array  containg the range start and range end. eg. `['1970-01-01', '3016-01-01']`

## Licence

MIT