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)
iView(3) 获取当前日期加减一天相关推荐
- sql语句中获取当前时间+当前日期加减相应的天数操作笔记
1.sql中获取当前的时间:date_format(now(),'%Y-%m-%d'); select NOW(); select date_format(now(),'%Y-%m-%d'); 2.对 ...
- SAP HANA SQL获取当前日期加若干天后的日期
前言部分 大家可以关注我的公众号,公众号里的排版更好,阅读更舒适. 正文部分 因为很多人问到HANA SQL的日期问题,我这里做了很多HANA函数的总结 更多讨论和资料请关注我的公众号:matinal ...
- js操作在当前日期加减(天、周、月、年数)
1. 项目案例 首先,我们创建个获取当前日期的变量nowDate,项目中需求是设置在当前时间的15天后做xxx事情,写一个方法 getNextDay () {let nowDate = new Dat ...
- js 操作在当前日期加减(天、周、月、年数)
目录 1.当前时间的15天后 2. 相关延伸 1.当前时间的15天后 getNextDay () {let nowDate = new Date()nowDate.setDate(nowDate.ge ...
- Mysql当前日期加减一个月
MYSQL 获取当前时间加上一个月 update user set leverstart=now(),leverover=date_add(NOW(), interval 1 MONTH) where ...
- javaScript中时间的加减
首先在javascript说起时间就离不开Date()这个对象 创建Date对象的语法: var Time=new Date(); //Date返回当日的时间和日期 然后的例getDate,getD ...
- oracle自动加一天,如何将Oracle 当前日期加一天、一分钟
在Oralce中我发现有add_months函数,加天数N可以用如下方法实现,select sysdate+N from dual sysdate+1 加一天 sysdate+1/24 加1小时 sy ...
- 微信小程序时间加法_微信小程序日期转换、比较、加减
//日期转时间戳 functiongetUnixTime(dateStr){var newstr = dateStr.replace(/-/g,'/');var date = newDate(news ...
- oracle获取当前日期的前一天,判断两个日期是否相等
select TRUNC(SYSDATE ) from dual; //获取当前日期 select TRUNC(SYSDATE - 1) from dual; //获取前一天的日期 selec ...
最新文章
- html frameset
- 网站服务器的ip地址会变吗,网站的服务器变了 IP地址变吗
- 【前沿技术】被“围剿”的比特币,一个月“吃”掉4500万度电!
- BROCADE使用小技巧
- Python学习之函数返回多个值
- 【2018.4.21】模拟赛之三-ssl2404 上学【深度优先搜索】
- 三层交换机工作原理介绍
- 求一个连通图的割点(去掉一个点后图不再连通)
- 怎么查看电脑内存和配置_电脑内存不足处理方法,电脑卡死处理方法。
- Ecshop小京东支付插件【小京东个人支付宝即时到帐支付插件支持PC电脑版+手机版】
- 常见的DoS攻击防御方式
- 曾推出Anki Drive和Cozmo人工智能机器人的独角兽企业Anki谢幕
- NBA球员生涯数据统计系统(中南大学C语言课设)
- FB_LLC 死区时间计算(保证ZVS)
- 对比两个自定义对象是否相等
- 无影云服务器没有网络怎么办?
- python爬取页面内容由京东提_python制作爬虫爬取京东商品评论教程
- 3dmax导出fbx之后模型变大
- 李宏毅《DLHLP》学习笔记7 - Voice Conversion
- JAVA抽象类接口初始化块实验_抽象类和接口 - 逝水无痕7777的个人空间 - OSCHINA - 中文开源技术交流社区...