elementui日期时间选择器默认选中当前日期

可以使用 `value` 属性来设置日期时间选择器的默认值，将其设置为当前日期即可。

例如，在 `<el-date-picker>` 组件中，可以这样设置：

<el-date-picker
  v-model="date"
  type="datetime"
  :value="new Date()"
></el-date-picker>

其中，`:value="new Date()"` 表示将默认选中的日期时间设置为当前日期时间。

相关问题

elementui日期时间选择器默认选中当前天数

您可以使用 `:default-value` 属性将日期时间选择器的默认值设置为当前日期。例如：

<el-date-picker
  v-model="date"
  type="datetime"
  :default-value="new Date()"
></el-date-picker>

这将在日期时间选择器中默认选中当前日期和时间。如果您只想选中当前日期，而不是时间，可以使用 `:default-value` 属性并将其设置为当前日期的字符串表示形式。例如：

<el-date-picker
  v-model="date"
  type="date"
  :default-value="new Date().toISOString().substring(0, 10)"
></el-date-picker>

这将在日期选择器中默认选中当前日期。

elementui 日期选择器设置当前默认日期（picker-options），以及当前日期以后的无法选择（default-value）...

好的，针对您的问题，我可以给您提供以下代码实现：

<template>
  <el-date-picker
    v-model="currentDate"
    :picker-options="pickerOptions"
    :default-value="defaultDate"
  ></el-date-picker>
</template>

<script>
export default {
  data() {
    return {
      currentDate: '', // 当前选中的日期
      defaultDate: new Date(), // 默认日期为今天
      pickerOptions: {
        disabledDate(time) {
          // 禁止选择今天以后的日期
          return time.getTime() > Date.now();
        }
      }
    };
  }
};
</script>

在上述代码中，我们使用了 `el-date-picker` 组件，通过 `v-model` 绑定选中的日期，通过 `picker-options` 设置一些选项，通过 `default-value` 设置默认日期。

在 `pickerOptions` 中，我们使用了 `disabledDate` 方法来禁止选择今天以后的日期。方法中的 `time` 参数是当前日期的 `Date` 对象，我们可以通过比较其与当前时间戳的大小来判断是否禁止选择。

希望这个代码对您有所帮助！