请给我一个一直展开的日期选择器，要在vue2的框架下使用

可以使用Element UI中的DatePicker组件来实现。

1. 首先，在Vue项目中安装Element UI，可以通过npm或yarn安装：

npm install element-ui --save

2. 在Vue项目的入口文件（如main.js）中引入Element UI并注册：

import Vue from 'vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

Vue.use(ElementUI)

3. 在需要使用日期选择器的组件中，添加DatePicker组件：

<template>
  <div>
    <el-date-picker
      v-model="date"
      type="date"
      :picker-options="pickerOptions"
      range-separator="至"
      start-placeholder="开始日期"
      end-placeholder="结束日期">
    </el-date-picker>
  </div>
</template>

<script>
export default {
  data() {
    return {
      date: '',
      pickerOptions: {
        shortcuts: [{
          text: '最近一周',
          onClick(picker) {
            const end = new Date()
            const start = new Date()
            start.setTime(start.getTime() - 3600 * 1000 * 24 * 7)
            picker.$emit('pick', [start, end])
          }
        }, {
          text: '最近一个月',
          onClick(picker) {
            const end = new Date()
            const start = new Date()
            start.setTime(start.getTime() - 3600 * 1000 * 24 * 30)
            picker.$emit('pick', [start, end])
          }
        }]
      }
    }
  }
}
</script>

在上面的代码中，我们添加了一个el-date-picker组件，并将其绑定到了data中的date属性上。同时，我们还设置了选择器的类型为date，添加了一些pickerOptions，以及range-separator、start-placeholder、end-placeholder等属性。

最后，我们还可以添加一些快捷选项（shortcuts），以便用户快速选择最近一周或最近一个月等时间范围。

以上就是在Vue2框架下使用Element UI实现一个展开式日期选择器的方法。