el-date-picker 适配移动端具体代码实现

为了适配移动端，我们需要对 `el-date-picker` 进行以下调整：

1. 引入并使用 `vant` 组件库中的 `DatetimePicker` 组件，替代 `el-date-picker`。

2. 在 `DatetimePicker` 组件中设置 `type` 为 `date`，即可实现选择日期的功能。

3. 取消 `DatetimePicker` 组件的底部按钮，改为点击遮罩层即可确认选择。

下面是具体的代码实现：

<template>
  <div>
    <van-datetime-picker v-model="value" type="date" @confirm="onConfirm"></van-datetime-picker>
  </div>
</template>

<script>
  import { DatetimePicker } from 'vant';

  export default {
    components: {
      'van-datetime-picker': DatetimePicker
    },
    data() {
      return {
        value: ''
      }
    },
    methods: {
      onConfirm(value) {
        // 处理选中的日期
      }
    }
  }
</script>

<style scoped>
  /* 样式调整 */
  .van-picker__toolbar,
  .van-picker__confirm,
  .van-picker__cancel {
    display: none;
  }
</style>

在页面中直接使用 `el-date-picker` 的地方，改为使用上述代码即可。需要注意的是，由于 `van-datetime-picker` 的样式可能与 `el-date-picker` 不完全一致，需要根据实际情况进行微调。