mirror of
https://github.com/tenrok/vue2-datepicker.git
synced 2026-06-08 17:52:26 +03:00
Danyil Karuna
51 lines
1.2 KiB
Markdown
51 lines
1.2 KiB
Markdown
# vue2-datepicker
|
|
|
|
> A Datepicker Component For Vue2
|
|
|
|
## Demo
|
|
<https://mengxiong10.github.io/vue2-datepicker/>
|
|
|
|
|
|
|
|
## Install
|
|
|
|
```bash
|
|
$ npm install vue2-datepicker --save
|
|
```
|
|
|
|
## Usage
|
|
|
|
```html
|
|
<script>
|
|
import DatePicker from 'vue2-datepicker'
|
|
|
|
export default {
|
|
components: { DatePicker },
|
|
data() {
|
|
return {
|
|
time1: '',
|
|
time2: '',
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<div>
|
|
<date-picker v-model="time1"></date-picker>
|
|
<date-picker v-model="time2" range></date-picker>
|
|
</div>
|
|
</template>
|
|
```
|
|
## Attributes
|
|
|
|
| Prop | Type | Default | Description |
|
|
|-----------------|---------------|-------------|---------------------------------------|
|
|
| range | Boolean | false | if true, the type is daterange |
|
|
| format | String | yyyy-MM-dd | Date formatting string |
|
|
| lang | String | zh | Translation (en/zh) |
|
|
| placeholder | String | | input placeholder text |
|
|
| width | String/Number | 210 | input size |
|
|
|
|
|