elementUI时间选择器

Element UI 的时间选择器组件是一个常用的控件，可以帮助用户选择日期或时间。以下是一个简单的例子，展示如何使用 Element UI 的时间选择器：

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

HTML 部分：

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

JavaScript 部分：

<script>
  export default {
    data() {
      return {
        value: ''
      };
    }
  };
</script>

在这个例子中，el-date-picker 是 Element UI 的时间选择器组件。v-model 绑定了一个名为 value 的数据属性，用于存储选择的时间。type 属性设置为 "datetime" 表示选择器同时支持日期和时间。placeholder 属性提供了一个占位符，提示用户进行选择。value-format 属性用于定义绑定值的格式，这里设置为 "yyyy-MM-dd HH:mm:ss" 表示返回的值将是一个格式化的日期时间字符串。

确保在使用时引入 Element UI 并正确注册组件。