<template>
<div class="line-list line-list--indent">
	<div class="line-item">
		<input style="line-height:34px;" type="text" class="input-block" @click="showDatePicker" readonly v-model="date" placeholder="请选择日期"/>
	</div>
</div>
<datepicker
:name="dateWrapper" 
:visible.sync="visibility"
@change="change" 
>
</datepicker>
</template>


<script>
import datepicker from "components/datepicker/datepicker"

export default{
	data(){
		return{
			date:"",
			visibility:false,
			//minDate:"1990-01-01",
			//selected:"2016-07-02"
		}
	},
	components: {
		datepicker
	},
	methods:{
		showDatePicker(){
			this.visibility=true;
			console.log(this.visibility);
		},
		change(date){
			this.date=date;
		},
		close(){
			this.visibility=false;
			console.log(this.visibility);
		}
	}
}
</script>