这里是先根据了Ele文档进行了时间选择器的时间范围限制,然后又根据开始或者结束时间的时间戳自动生成相对的时间,这里是默认选择了开始时间后 结束时间为五天以后
<template>
<el-dialog
class="seeModuleBox"
:visible.sync="isShow"
width="60%"
:before-close="handleClose"
custom-class="seeModuleBoxDialog is-fullscreen"
append-to-body
>
<div class="comTitle">
<span>点位监测曲线</span>
</div>
<!--搜索-->
<el-form
:inline="true"
:model="formSeeHistory"
class="demo-form-inline comFormBox"
>
<el-form-item label="时间">
<el-date-picker
v-model="createDate"
type="datetime"
:picker-options="pickerOptionsStart"
value-format="yyyy-MM-dd HH:mm:ss"
placeholder="开始日期"
@change="search1()"
>
</el-date-picker>
<el-date-picker
v-model="overDate"
type="datetime"
:picker-options="pickerOptionsEnd"
placeholder="结束日期"
default-time="23:59:00"
value-format="yyyy-MM-dd HH:mm:ss"
@change="search()"
>
</el-date-picker>
</el-form-item>
</el-form>
<div class="el-dialog-div">
<!--筛选条件-->
<LineChartArea
:echartsDate="echartsDate"
width="100%"
height="100%"
ref="LineChartArea"
></LineChartArea>
</div>
</el-dialog>
</template>
<script>
import LineChartArea from "@/components/bigFullScreen/echart/LineChartArea";
import {
getPointData } from "@/api/device";
import {
Message } from 'element-ui'
import "../index.scss";
export default {
name: "index",
components: {
LineChartArea },
data() {
return {
createDate: null,
overDate: null,
isShow: false,
formSeeHistory: