Element UI中时间选择器选择时间范围获取开始时间和结束时间

qdu_zhaiH

于 2021-08-09 21:18:37 发布

阅读量2.3k

点赞数 1

分类专栏：小翟的后端学习之路

本文链接：https://blog.csdn.net/red_red_red/article/details/119547105

版权

小翟的后端学习之路专栏收录该内容

13 篇文章

订阅专栏

本文介绍了如何使用ElementUI的时间选择器组件，并通过自定义格式化，将选择的时间范围转换为数组，从而方便地获取开始和结束时间。详细步骤包括日期格式化和数组操作，适合Vue.js前端开发者参考。

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

直接利用Element UI 中的时间选择器可以很方便的选择时间范围，但是它直接给出的时间并不能满足我们的需求

首先，将日期进行格式化（见下面博客）

https://blog.csdn.net/red_red_red/article/details/118513331

直接将日期打印出来，可以发现，时间变化成了一个数组，里边放了两个日期

所以，可以直接按数组的用法，取用开始时间和结束时间

        selectTime(){
            vm.searchStart=vm.searchTime[0] ,
            vm.searchEnd=vm.searchTime[1] ,
            console.log(vm.searchStart+"和"+vm.searchEnd)
        },