<el-date-picker 设置格式为时间戳

你可以使用 `value-format` 属性将 `el-date-picker` 的值格式化为时间戳。具体实现方法如下：

<el-date-picker
  v-model="timestamp"
  :value-format="'X'"
></el-date-picker>

在上面的代码中，`v-model` 绑定了一个名为 `timestamp` 的变量，用于存储选择的时间戳。`value-format` 属性设置为 `'X'`，其中 `'X'` 是时间戳格式化字符串，表示将时间格式化为 Unix 时间戳，单位为秒。

注意，如果你需要使用毫秒级的时间戳，可以将 `value-format` 属性设置为 `'x'`，其中 `'x'` 表示将时间格式化为 Unix 时间戳，单位为毫秒。

<el-date-picker
  v-model="timestamp"
  :value-format="'x'"
></el-date-picker>

相关问题

<el-date-picker v-model="datetime" type="datetime" placeholder="选择日期和时间" style="width: 100%"></el-date-picker>如何设置yy-mm-dd hh:mm 格式

这个`<el-date-picker>`组件是Element UI中的一个日期时间选择器，用于获取用户的输入并将其绑定到Vue实例的`datetime`属性上。默认情况下，它显示的是完整的时间戳格式。如果你想要设置成`yy-mm-dd hh:mm`这种格式，你需要在选择日期时间后对返回值进行格式化。

首先，在你的Vue组件里，你可以创建一个函数来进行格式转换，例如：

data() {
  return {
    datetime: '',
    formattedDateTime: ''
  };
},
methods: {
  formatDateTime(date) {
    // 使用Date对象的方法截取指定格式
    let year = date.getFullYear().toString().slice(-2);
    let month = ('0' + (date.getMonth() + 1)).slice(-2); //注意月份从0开始计数
    let day = ('0' + date.getDate()).slice(-2);
    let hours = ('0' + date.getHours()).slice(-2);
    let minutes = ('0' + date.getMinutes()).slice(-2);

    this.formattedDateTime = `${year}-${month}-${day} ${hours}:${minutes}`;
  }
}

然后，当你从`el-date-picker`获取到了日期时间后，调用`formatDateTime`方法：

handleDateChange(date) {
  this.datetime = date;
  this.formatDateTime(date);
}

最后，将格式化的日期时间展示出来的地方，你可以直接使用`formattedDateTime`：

<p>{{ formattedDateTime }}</p>

<el-date-picker设置起始时间

以下是设置el-date-picker起始时间的方法：

<el-date-picker
  v-model="date"
  :picker-options="pickerOptions">
</el-date-picker>

data() {
  return {
    pickerOptions: {
      disabledDate(time) {
        return time.getTime() > Date.now();
      }
    }
  };
}

在上述代码中，我们通过给`el-date-picker`组件的`picker-options`属性传递一个对象来设置起始时间。在这个对象中，我们使用了`disabledDate`方法来禁用当前时间之后的日期。具体来说，我们通过比较当前日期的时间戳和当前时间的时间戳来判断是否禁用该日期。