vue表格中动态添加日期选择器

要在 Vue 表格中动态添加日期选择器，可以使用第三方日期选择器插件，例如 Element UI 的 DatePicker 组件。以下是一个示例：

1. 首先，安装 Element UI：

npm install element-ui --save

2. 在需要使用日期选择器的组件中，导入 DatePicker 组件：

import { DatePicker } from 'element-ui';

3. 在该组件的 template 中，使用 v-for 循环渲染表格，并在需要添加日期选择器的单元格中，使用 DatePicker 组件：

<template>
  <table>
    <thead>
      <tr>
        <th>姓名</th>
        <th>生日</th>
      </tr>
    </thead>
    <tbody>
      <tr v-for="(item, index) in tableData" :key="index">
        <td>{{ item.name }}</td>
        <td>
          <el-date-picker v-model="item.birthday" type="date" placeholder="选择日期"></el-date-picker>
        </td>
      </tr>
    </tbody>
  </table>
</template>

4. 在该组件的 script 中，定义表格数据 tableData：

export default {
  data() {
    return {
      tableData: [
        { name: '张三', birthday: '' },
        { name: '李四', birthday: '' },
        { name: '王五', birthday: '' }
      ]
    };
  }
};

注意，以上示例仅供参考，具体实现可能需要根据实际情况进行调整。同时，如果需要更多的自定义功能，可以参考 Element UI 官方文档或其他日期选择器插件的文档。