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

我就是我 2022-10-02 05:00 315阅读 0赞

#### 问题： ####

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

#### 最终效果： ####

![在这里插入图片描述][20190617113211493.png]

#### 解决方法： ####

先上一份完整代码

<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，这个类型与后面的格式化有联系哦！！！

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)

[20190617113211493.png]: /images/20220113/6df4884fe4ca4893909f4197a7422ff5.png