Iview-datePicker获取选中的日期

最近遇到大坑，，最后解决了，直接上代码

npm intall iview

main.js中引入

import iView from 'iview';

import 'iview/dist/styles/iview.css'

 

 

 

<template>
<center>
<Row>
<Col span="12">
<DatePicker type="daterange" :options="options2" placement="bottom-end" placeholder="Select date" style="width: 400px" v-model='date' @on-change="date=$event"></DatePicker>
</Col>
<p>{{date}}</p>
</Row>

</center>
</template>
<script>
export default {
name:'layout',
data () {
return {
date:'',
options2: {
shortcuts: [
{

value () {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
return [start, end];
}
}
]
}
}
}
}
</script>

 

</div>
</template>

扫描二维码关注公众号，回复： 1605613 查看本文章

 

 

 

;