vue获取当天的开始和结束时间!

---

# 前言

提示:这里是我记录在项目中使用element-ui越到过的问题!管理端查找日志的时候，不能全部的查询所有，应该从性能方面考虑，我们因该按照当天的开始时间和当天的结束时间开始查询!我的写法是默认从前端转当天的开始时间和结束时间!因为要让使用的人知道!我是查询的当天的开始时间和结束时间!

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、使用element-ui中的el-date-picker组件？

示例:这里就不对这组件的所有内容一一解释了。要查看可以去element-ui官方。element-ui官方文档

element-ui官方文档(https://element.eleme.cn/#/zh-CN)

二、使用步骤

1.引入el-date-picker组件

代码如下（示例）：

 <el-form-item label="开始时间">
       <el-date-picker
          v-model="params.start"
          type="datetime"
          value-format="yyyy-MM-dd HH:mm:ss"
        >
        </el-date-picker>
</el-form-item>
<el-form-item label="结束时间">
        <el-date-picker
          v-model="params.end"
          type="datetime"
          value-format="yyyy-MM-dd HH:mm:ss"
        >
        </el-date-picker>
</el-form-item>

2.params的Object类

代码如下（示例）：

params: {
        realName: null,
        type: null,
        start: new Date(new Date(new Date().toLocaleDateString()).getTime()),
        end: new Date(new Date(new Date().toLocaleDateString()).getTime() + 24 * 60 * 60 * 1000 - 1),
        page: 1,
        limit: 10,
      },

---

# 总结 提示：这里对文章进行总结： 例如：这里就是我要记录的内容了，我是一个新手第一次写文章，请大家手下留情!!! 感谢下面这位大哥写的博文([参考博文地址](https://www.cnblogs.com/agen-su/p/12014880.html))