vue el-date-picker 设置默认时间

作者：System 时间：2024年08月19日分类：所有,vue.js 字数：672

这篇文章距离上次修改已过255天，其中的内容可能已经有所变动。

在Vue中使用el-date-picker组件设置默认时间，你可以通过v-model绑定一个日期对象到el-date-picker的value属性上。以下是一个简单的例子：

<template>
  <el-date-picker
    v-model="date"
    type="datetime"
    placeholder="选择日期时间"
    default-time="12:00:00">
  </el-date-picker>
</template>

<script>
  export default {
    data() {
      return {
        date: new Date() // 设置当前时间为默认时间
      };
    }
  };
</script>

在这个例子中，date是一个Date对象，它被初始化为当前时间。当你打开日期选择器时，它将预先填充为当前时间。如果你想设置特定的默认时间，可以这样做：

data() {
  return {
    date: new Date(2023, 2, 15, 12, 0, 0) // 设置特定的日期和时间为默认值
  };
}

这里new Date(2023, 2, 15, 12, 0, 0)创建了一个特定的日期和时间，月份是从0开始的，所以3代表4月，12代表12点。

vue el-date-picker 设置默认时间

评论已关闭

推荐阅读