elui实现时间范围筛选

2022-03-08 07:08:34 浏览数 (1)

效果图
2022-03-08_070538.png2022-03-08_070538.png
实现步骤
el-date-picker页面使用
代码语言:javascript复制
<el-form-item label="报修时间">
        <el-date-picker
          v-model="dateRange"
          size="small"
          style="width: 240px"
          value-format="timestamp"
          type="daterange"
          range-separator="-"
          start-placeholder="开始日期"
          end-placeholder="结束日期"
          :default-time="['00:00:00', '23:59:59']"
        ></el-date-picker>
      </el-form-item>
js中方法的实现

default-time 属性就是将时间范围控制在起始时间和结束时间的时分秒精确度

用户选择时间后会在dateRange变量中返回

0 人点赞