# vue2-doublemonth-datepikcer

> easy web double date selector of a vue 2.0 component

Latest version **1.0.0** (published 2018-06-29) · ISC license · 0 weekly downloads

## Install

```sh
npm install vue2-doublemonth-datepikcer
pnpm add vue2-doublemonth-datepikcer
yarn add vue2-doublemonth-datepikcer
bun add vue2-doublemonth-datepikcer
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.0 |
| Published | 2018-06-29 |
| First published | 2018-06-29 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 8.9 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Chen Leepyng |
| Maintainers | lipingin2009 |
| Keywords | datepicker |

## Links

- npm: https://www.npmjs.com/package/vue2-doublemonth-datepikcer
- Repository: https://github.com/leepyng/vue2-doubleMonth-datePicker
- Homepage: https://github.com/leepyng/vue2-doubleMonth-datePicker#readme
- Issues: https://github.com/leepyng/vue2-doubleMonth-datePicker/issues
- npm.io page: https://npm.io/package/vue2-doublemonth-datepikcer

## Recent versions

- 1.0.0 (latest) — 2018-06-29

## README

# vue2-doubleMonth-datePicker
easy web double date selector of a vue 2.0 component
<p align="center">


<img src="https://github.com/leepyng/vue2-doubleMonth-datePicker/blob/master/git/QQ20180629-173252.gif" alt="Coverage Status">


</p>

# install

	
	npm install vue2-doublemonth-datepikcer --save-dev
	

# how to use
	template:
		<transition  name="fade" >
			<DatePicker  @select="calendar.select" v-show="calendar.show" :start="calendar.start"  :beginDate="calendar.begin" :endDate="calendar.end"></DatePicker>
		</transition>
	
	script:
		//import
		import DatePicker from 'vue2-doubleMonth-datePicker'
		//define
		components:{
			DatePicker
		},
		//set default data
		data(){
			return{
				calendar:{
					show:false,
					start:'2018-08-01',
					begin:'2018-08-02',
					end:'2018-08-03',
					select:(begin,end)=>{
						this.calendar.show=false;
						this.calendar.begin=begin;
						this.calendar.end=end;
					}
				},
			}
		}
		
	
# props description
	start:the calendar's begining date
	last:the calendar's last date
	beginDate: begin of the select
	endDate:end of the select

---
_Source: https://npm.io/package/vue2-doublemonth-datepikcer · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._