文档章节

javascript换算日期,js增加子级时间自动改变父级时间

尘世如潮
 尘世如潮
发布于 2016/05/24 15:32
字数 321
阅读 74
收藏 2

工作中有时需要获取xxx天,xxx小时后的时间,js中可通过 setDate()与getDate()函数叠加的方式实现。

核心:

        date.setDate(date.getDate()+number);

代码:

<script type="text/javascript">

    var timestamp1=new Date().getTime();//获取当前时间戳
    console.log(timestamp1);//查看获取的时间戳

    var t = dateAdd('y',5,new Date(timestamp1));//改变时间戳的年份
    console.log(t.getFullYear());//查看改变后的时间戳的年份

    var t = dateAdd('m',15,new Date(timestamp1));//改变时间戳的月份
    console.log(t.getFullYear()+'-'+t.getMonth());//查看改变后的时间戳的年份+月份

    function dateAdd(datepart,number,date) {
         //参数说明:datepart:需要操作的时间部分,可选的值为:
         //‘y’:年数
         // ‘m’:月数
         // ‘d’:一月中的天数
         // ‘w’:一周中的天数
         // ‘h’:小时数
         // ‘n’:分钟数
         // ‘s’:秒数
         // ‘i’:毫秒数
         // number:改变的数量(正整数或者负整数)
         // date:被操作的date对象实例
         // 返回值:被操作后的date对象
         switch(datepart){
             case 'y':
                 date.setFullYear(date.getFullYear()+number);
                 break;
             case 'm':
                 date.setMonth(date.getMonth()+number);
                 break;
             case 'd':
                 date.setDate(date.getDate()+number);
                 break;
             case 'w':
                 date.setDate(date.getDate()+7*number);
                 break;
             case 'h':
                 date.setHours(date.getHour()+number);
                 break;
             case 'n':
                 date.setMinutes(date.getMinutes()+number);
                 break;
             case 's':
                 date.setSeconds(date.getSeconds()+number);
                 break;
             case 'i':
                 date.setMilliseconds(date.getMilliseconds()+number);
                 break;
         }
         return date;
    }
</script>

© 著作权归作者所有

尘世如潮
粉丝 17
博文 55
码字总数 27264
作品 0
烟台
私信 提问
说说在 Vue.js 中如何实现组件间通信

1 用法 假设父组件的模板包含子组件,我们可以通过 props 来正向地把数据从父组件传递给子组件。props 可以是字符串数组,也可以是对象。 html: js: 渲染结果: 组件中的 props 与 data 函...

deniro
2018/12/08
0
0
vue多级复杂列表展开/折叠,全选/分组全选实现

首先,来看下效果图 在线体验地址: https://hxkj.vip/demo/multipleList/。温馨提示,打开之后按 ,使用手机模式食用,口味更佳! 可以看出,这个列表有三种展现形式: 1.第一层级中包含直属...

_TSY_
2018/11/04
0
0
Javascript JQuery获取当前元素的兄弟元素/上一个/下一个元素(转)

var chils= s.childNodes; //得到s的全部子节点var par=s.parentNode; //得到s的父节点var ns=s.nextSbiling; //获得s的下一个兄弟节点var ps=s.previousSbiling; //得到s的上一个兄弟节点v...

easonjim
2017/01/04
0
0
五分钟 Styled-components 高级实用技巧

写在前面的废话 回到2013年,React凭空出世。但是在那时,我们会想,oh shit! 我们好不容易分离了HTML/CSS/JS, 为什么出现了JSX,我们又需要把HTML和JS耦合在一起?React 创造了 HTML in JS...

二哲
2018/09/03
0
0
【JS教程】100+常用JS函数(方法)

100+常用JS函数(方法) 1. document.write("");为 输出语句 2. JS中的注释为// 3. 传统的HTML文档顺序是:document->html->(head,body) 4. 一个浏览器窗口中的DOM顺序是:window->(navig......

呢喃的猫咪
2012/06/08
99
0

没有更多内容

加载失败,请刷新页面

加载更多

Spring Boot 2 实战:使用 Spring Boot Admin 监控你的应用

1. 前言 生产上对 Web 应用 的监控是十分必要的。我们可以近乎实时来对应用的健康、性能等其他指标进行监控来及时应对一些突发情况。避免一些故障的发生。对于 Spring Boot 应用来说我们可以...

码农小胖哥
今天
6
0
ZetCode 教程翻译计划正式启动 | ApacheCN

原文:ZetCode 协议:CC BY-NC-SA 4.0 欢迎任何人参与和完善:一个人可以走的很快,但是一群人却可以走的更远。 ApacheCN 学习资源 贡献指南 本项目需要校对,欢迎大家提交 Pull Request。 ...

ApacheCN_飞龙
今天
4
0
CSS定位

CSS定位 relative相对定位 absolute绝对定位 fixed和sticky及zIndex relative相对定位 position特性:css position属性用于指定一个元素在文档中的定位方式。top、right、bottom、left属性则...

studywin
今天
7
0
从零基础到拿到网易Java实习offer,我做对了哪些事

作为一个非科班小白,我在读研期间基本是自学Java,从一开始几乎零基础,只有一点点数据结构和Java方面的基础,到最终获得网易游戏的Java实习offer,我大概用了半年左右的时间。本文将会讲到...

Java技术江湖
昨天
7
0
程序性能checklist

程序性能checklist

Moks角木
昨天
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部