vue3.0 el-date-picker 获取当天时间

可以使用 JavaScript Date 对象获取当天时间，然后传递给 el-date-picker 组件进行显示。具体可以参考以下代码：

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

<script>
export default {
  data() {
    return {
      currentDate: new Date(),
      pickerOptions: {
        disabledDate(time) {
          return time.getTime() > Date.now();
        }
      }
    };
  }
};
</script>

注意：以上回答仅供参考，不代表技术立场或观点。

相关问题

vue3 el-date-picker 日期时间格式

在Vue 3中使用el-date-picker组件设置日期时间格式，可以通过在el-date-picker组件上使用format属性来指定日期的显示格式。下面是一个示例代码:

<template>
  <div>
    <el-date-picker
      v-model="date"
      type="datetime"
      format="yyyy-MM-dd HH:mm:ss"
      placeholder="选择日期时间"
    ></el-date-picker>
  </div>
</template>

<script>
import { ref } from 'vue';

export default {
  setup() {
    const date = ref(null);

    return {
      date,
    };
  },
};
</script>

在上面的代码中，我们将el-date-picker的type属性设置为"datetime"以显示日期和时间。然后，我们使用format属性将日期时间格式设置为"yyyy-MM-dd HH:mm:ss"。你可以根据需要调整格式。

请确保已正确导入和安装了element-ui组件库，并且已经在项目中注册了el-date-picker组件。

希望这对你有所帮助！如果还有其他问题，请随时提问。

vue3 el-date-picker默认当前时间

在Vue 3中，你可以使用`v-model`指令将`el-date-picker`组件绑定到一个变量，并将其初始值设置为当前时间。你可以通过`moment`库来获取当前时间。

首先，确保你已经安装了`moment`库。你可以使用以下命令来安装它：

npm install moment

然后，在你的Vue组件中，导入`moment`库和`el-date-picker`组件：

import moment from 'moment';
import { DatePicker } from 'element-ui';

接下来，在你的组件中，定义一个变量来存储当前时间，并在`mounted`钩子函数中将其初始化为当前时间：

export default {
  components: {
    DatePicker,
  },
  data() {
    return {
      currentDate: moment(),
    };
  },
  mounted() {
    this.currentDate = moment();
  },
};

最后，在模板中使用`el-date-picker`组件，并将其绑定到`currentDate`变量：

<template>
  <div>
    <el-date-picker v-model="currentDate" type="datetime"></el-date-picker>
  </div>
</template>

这样，`el-date-picker`组件的初始值就会被设置为当前时间。