在Vue.js中使用Element UI的el-date-picker组件时，你可以获取用户选择的日期并将其转换为时间戳。el-date-picker通常返回的是一个Date对象或一个格式化后的字符串（取决于你如何配置它）。下面是一个示例，展示了如何将el-date-picker获取的时间数据转换为时间戳。

首先，确保你已经安装了Element UI并在Vue项目中进行了引入。

示例代码

1. 安装Element UI（如果尚未安装）：

   npm install element-ui --save

2. 在Vue项目中引入Element UI：

   // main.js  
   import Vue from 'vue';  
   import ElementUI from 'element-ui';  
   import 'element-ui/lib/theme-chalk/index.css';  Vue.use(ElementUI);  new Vue({  render: h => h(App),  
   }).$mount('#app');

3. 使用el-date-picker组件并处理时间数据：

   <template>  <div>  <el-date-picker  v-model="date"  type="date"  placeholder="选择日期"  @change="handleDateChange"  >  </el-date-picker>  <p>时间戳: {{ timestamp }}</p>  </div>  
   </template>  <script>  
   export default {  data() {  return {  date: null, // 用于绑定el-date-picker的值  timestamp: null, // 用于存储时间戳  };  },  methods: {  handleDateChange(value) {  // 检查是否选择了日期  if (value) {  // 如果value是一个Date对象，直接使用getTime()方法获取时间戳  this.timestamp = value.getTime();  } else {  // 如果未选择日期，可以将时间戳设置为null或其他默认值  this.timestamp = null;  }  },  },  
   };  
   </script>  <style scoped>  
   /* 添加一些样式（可选） */  
   </style>

解释:

• v-model="date"：绑定el-date-picker的值到Vue组件的date数据属性。
• @change="handleDateChange"：监听el-date-picker的change事件，当用户选择日期时触发handleDateChange方法。
• handleDateChange(value)：处理日期变化的方法。value参数是用户选择的日期，它通常是一个Date对象。
• value.getTime()：从Date对象中获取时间戳（以毫秒为单位）。

通过这种方式，你可以轻松地将el-date-picker获取的时间数据转换为时间戳，并在Vue组件中使用它。