问题:

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)

iView(3) 获取当前日期加减一天相关推荐

  1. sql语句中获取当前时间+当前日期加减相应的天数操作笔记

    1.sql中获取当前的时间:date_format(now(),'%Y-%m-%d'); select NOW(); select date_format(now(),'%Y-%m-%d'); 2.对 ...

  2. SAP HANA SQL获取当前日期加若干天后的日期

    前言部分 大家可以关注我的公众号,公众号里的排版更好,阅读更舒适. 正文部分 因为很多人问到HANA SQL的日期问题,我这里做了很多HANA函数的总结 更多讨论和资料请关注我的公众号:matinal ...

  3. js操作在当前日期加减(天、周、月、年数)

    1. 项目案例 首先,我们创建个获取当前日期的变量nowDate,项目中需求是设置在当前时间的15天后做xxx事情,写一个方法 getNextDay () {let nowDate = new Dat ...

  4. js 操作在当前日期加减(天、周、月、年数)

    目录 1.当前时间的15天后 2. 相关延伸 1.当前时间的15天后 getNextDay () {let nowDate = new Date()nowDate.setDate(nowDate.ge ...

  5. Mysql当前日期加减一个月

    MYSQL 获取当前时间加上一个月 update user set leverstart=now(),leverover=date_add(NOW(), interval 1 MONTH) where ...

  6. javaScript中时间的加减

    首先在javascript说起时间就离不开Date()这个对象 创建Date对象的语法: var Time=new Date();  //Date返回当日的时间和日期 然后的例getDate,getD ...

  7. oracle自动加一天,如何将Oracle 当前日期加一天、一分钟

    在Oralce中我发现有add_months函数,加天数N可以用如下方法实现,select sysdate+N from dual sysdate+1 加一天 sysdate+1/24 加1小时 sy ...

  8. 微信小程序时间加法_微信小程序日期转换、比较、加减

    //日期转时间戳 functiongetUnixTime(dateStr){var newstr = dateStr.replace(/-/g,'/');var date = newDate(news ...

  9. oracle获取当前日期的前一天,判断两个日期是否相等

    select TRUNC(SYSDATE ) from dual;   //获取当前日期 select TRUNC(SYSDATE - 1) from dual;   //获取前一天的日期 selec ...

最新文章

  1. html frameset
  2. 网站服务器的ip地址会变吗,网站的服务器变了 IP地址变吗
  3. 【前沿技术】被“围剿”的比特币,一个月“吃”掉4500万度电!
  4. BROCADE使用小技巧
  5. Python学习之函数返回多个值
  6. 【2018.4.21】模拟赛之三-ssl2404 上学【深度优先搜索】
  7. 三层交换机工作原理介绍
  8. 求一个连通图的割点(去掉一个点后图不再连通)
  9. 怎么查看电脑内存和配置_电脑内存不足处理方法,电脑卡死处理方法。
  10. Ecshop小京东支付插件【小京东个人支付宝即时到帐支付插件支持PC电脑版+手机版】
  11. 常见的DoS攻击防御方式
  12. 曾推出Anki Drive和Cozmo人工智能机器人的独角兽企业Anki谢幕
  13. NBA球员生涯数据统计系统(中南大学C语言课设)
  14. FB_LLC 死区时间计算(保证ZVS)
  15. 对比两个自定义对象是否相等
  16. 无影云服务器没有网络怎么办?
  17. python爬取页面内容由京东提_python制作爬虫爬取京东商品评论教程
  18. 3dmax导出fbx之后模型变大
  19. 李宏毅《DLHLP》学习笔记7 - Voice Conversion
  20. JAVA抽象类接口初始化块实验_抽象类和接口 - 逝水无痕7777的个人空间 - OSCHINA - 中文开源技术交流社区...

热门文章

  1. 多颜色显示北京各县区-ArcGis操作
  2. 终于找出了三鹿奶粉的元凶
  3. 在尝试使用预登录握手确认_不确定如何找到您要寻找的内容尝试图分析
  4. stm32f1 使用PB3、PB4、PB15作为普通IO口
  5. java基础知识总结2
  6. layu tab切换table
  7. 室内设计优美语句_描述房子室内装潢唯美的句子
  8. vue项目seo优化-预渲染prerender-spa-plugin配置
  9. FigDraw 24. SCI文章中绘图二维直方图及组合图
  10. 伺服电机概念原理介绍