组件-Element—DateTimePicker（日期时间选择器）

最新推荐文章于 2024-08-12 15:23:33 发布

ForeverJPB.

最新推荐文章于 2024-08-12 15:23:33 发布

阅读量4.1k

点赞数

分类专栏：组件---Element 文章标签： Element

本文链接：https://blog.csdn.net/GU_AO_SHI_TAI_DU/article/details/94561984

版权

本文详细介绍了 Element UI 中的 DateTimePicker 组件，包括日期时间选择器的使用，如选择日期和时间点、日期时间范围，以及默认的起始和结束时刻设置。此外，还涵盖了 Attributes、Picker Options、Shortcuts、Events 和 Methods 等配置选项。

摘要由CSDN通过智能技术生成

组件-Element—DateTimePicker（日期时间选择器）

组件—日期时间选择器

日期和时间点
在这里插入图片描述

<template>
  <div class="block">
    <span class="demonstration">默认</span>
    <el-date-picker
      v-model="value1"
      type="datetime"
      placeholder="选择日期时间">
    </el-date-picker>
  </div>
  <div class="block">
    <span class="demonstration">带快捷选项</span>
    <el-date-picker
      v-model="value2"
      type="datetime"
      placeholder="选择日期时间"
      align="right"
      :picker-options="pickerOptions">
    </el-date-picker>
  </div>
  <div class="block">
    <span class="demonstration">设置默认时间</span>
    <el-date-picker
      v-model="value3"
      type="datetime"
      placeholder="选择日期时间"
      default-time="12:00:00">
    </el-date-picker>
  </div>
</template>

<script>
  export default {
    data() {
      return