iView(3) 获取当前日期加减一天

问题：

iView如何获取当前日期，并在当前时间上加一天或者减一天呢？

最终效果：

解决方法：

先上一份完整代码

<template>
    <Row>
        <Col span="12">
            <DatePicker  v-model="listQuery.dateStart" type="datetime" placeholder="请选择开始时间" clearable>DatePicker>
        Col>
        <Col span="12">
           <DatePicker  v-model="listQuery.dateEnd" type="datetime" placeholder="请选择结束时间" clearable>DatePicker>
        Col>
    Row>
template>
<script>
    import moment from 'moment' //注：此处需要在配置文件中引入相应的moment依赖哦！
  
    export default {
      name: "zhengqing",
      data() {
        return {
          listQuery: {
            dateStart: this.computedDateTime(new Date().toLocaleDateString()), //当前时间
            dateEnd: this.computedDateTime(new Date(new Date().setDate(new Date().getDate() + 1)).toLocaleDateString()) // 当前时间+1
          }
        }
      },
      methods: {
        // 年月日
        computedDate(val) {
          if (val) {
            return moment(val).format("YYYY-MM-DD");
          }
          return "";
        },
        // 年月日+日期
        computedDateTime(val) {
          if (val) {
            return moment(val).format("YYYY-MM-DD HH:mm:ss");
          }
          return "";
        }
      }
    }
script>

代码解析

选用iView的DatePicker日期选择器

温馨小提示： 这里的日期类型我选用的是精确到时分秒的datetime，这个类型与后面的格式化有联系哦！！！

<DatePicker  v-model="listQuery.dateStart" type="datetime" placeholder="请选择开始时间" clearable>DatePicker>

js获取当前日期：

new Date().toLocaleDateString()

js获取当前日期+1：

new Date(new Date().setDate(new Date().getDate() + 1)).toLocaleDateString()

调用格式化时间方法：

目的：将时间动态绑定到DatePicker日期选择器中
采用 moment(val).format(“YYYY-MM-DD HH:mm:ss”)
温馨小提示： val为所传时间参数

this.computedDateTime(val)