开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

社区首页 >专栏 >elui实现时间范围筛选

elui实现时间范围筛选

原创

用户6493868

发布于 2022-03-08 07:08:34

8900

发布于 2022-03-08 07:08:34

举报

文章被收录于专栏：vue封装H5

效果图

实现步骤

el-date-picker页面使用

<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变量中返回

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

评论

登录后参与评论

0 条评论

热度

最新

LV.

目录

效果图
实现步骤
- el-date-picker页面使用
- js中方法的实现