element ui 时间日期选择器控制从00:00:00-23:59:59

原创已于 2022-10-25 16:22:05 修改 · 3.7k 阅读

5 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#elementui #vue.js

收录于

于 2022-05-25 15:26:32 首次发布

Element UI 专栏收录该内容

29 篇文章

订阅专栏

本文介绍如何在Element UI的日期选择器中设置默认的时间范围，通过简单的代码实现从00:00:00到23:59:59的时间段预设。

 <div class="block">
    <span class="demonstration">默认</span>
    <el-date-picker
      v-model="value1"
      type="datetimerange"
      range-separator="至"
      start-placeholder="开始日期"
      end-placeholder="结束日期"
     :default-time="['00:00:00', '23:59:59']"
    >
    </el-date-picker>
  </div>

重点：加上 :default-time="['00:00:00', '23:59:59']"这句代码即可

实现效果