Element ui 日期时间选择器取消分秒


日期时间选择器只需要到小时,不需要分钟和秒。
示例如下:
在这里插入图片描述

日期时间选择器: datetimerange

  • 1 :将formatdata-format设置只显示到小时
<el-date-picker
          v-model="ruleForm.themetime"
          size="mini"
          format="yyyy-MM-dd H"
          data-format="yyyy-MM-dd HH"
          type="datetimerange"
          :picker-options="pickerOptions"
          range-separator="-"
          ></el-date-picker>
  • 2:修改css样式
    新建 .scss文件 , 修改时间选择器的样式
    在这里插入图片描述
.el-scrollbar:nth-of-type(2) {
    display: none !important;
  }
.el-time-spinner {
    text-align: center;
}
  • 3:在 main.js文件中import
    在这里插入图片描述
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐