JavaScript 时间范围

当前时间往前的时间范围（六个月之前）

效果图

js文件代码片

/*查询日期区间（当前时间往前） Add By Vivian 2020/12/04 */
//rangeVal:两个日期的间隔符 num：隔多少 timeType：相隔时间类型
function funGetRangeDateByLess(rangeVal,num,timeType){var returnVal="";var otherVal="";var otherTime="";var curTime = new Date();var curTimeVal= curTime.getFullYear() + '-' + PrefixZero((curTime.getMonth() + 1), 2) + '-' + PrefixZero(curTime.getDate(), 2);switch (timeType) {case 1://分var addMinutes = curTime.setMinutes(curTime.getMinutes() - num);otherTime=new Date(addMinutes);break;case 2://时var addMinutes = curTime.setHours(curTime.getHours() - num);otherTime=new Date(addMinutes);break;case 3://天var addDate = curTime.setDate(curTime.getDate() - num);otherTime=new Date(addDate);break;case 4://月var addMonth = curTime.setMonth(curTime.getMonth() - num);otherTime=new Date(addMonth);break;case 5://年var addYear = curTime.setFullYear(curTime.getFullYear() - num);otherTime=new Date(addYear);break;default:break;}otherVal= otherTime.getFullYear() + '-' + PrefixZero((otherTime.getMonth() + 1), 2) + '-' + PrefixZero(otherTime.getDate(), 2);return returnVal=otherVal+rangeVal+curTimeVal;
}/*自动补零 Add By Vivian 2020/12/04 */
function PrefixZero(num, n) {return (Array(n).join(0) + num).slice(-n);
}

使用代码片

var fillhelptime=funGetRangeDateByLess(" , ",6,4);
laydate.render({elem: "#fillhelptime",range: ",",type: 'date',value:fillhelptime,//默认值
});

某个日期的时间范围（前后多少天）

效果图

js文件代码片

/*查询日期区间（某个日期前后多少天） Add By Vivian 2021/04/06 */
//rangeVal:两个日期的间隔符 date：某个日期 beforeDays：前N天 afterDays：后N天
function funGetRangeDateByBeforeAndAfter(rangeVal,date,beforeDays,afterDays){var dateVaule1 = new Date(date);//转换成时间格式var dateVaule2 = new Date(date);//转换成时间格式var startDate = new Date(dateVaule1.setDate(dateVaule1.getDate() - beforeDays));//前N天var endDate = new Date(dateVaule2.setDate(dateVaule2.getDate() + afterDays));//后N天var date1= startDate.getFullYear() + '-' + PrefixZero((startDate.getMonth() + 1), 2) + '-' + PrefixZero(startDate.getDate(), 2);var date2= endDate.getFullYear() + '-' + PrefixZero((endDate.getMonth() + 1), 2) + '-' + PrefixZero(endDate.getDate(), 2);var returnVal=date1+rangeVal+date2;return returnVal;
}/*自动补零 Add By Vivian 2020/12/04 */
function PrefixZero(num, n) {return (Array(n).join(0) + num).slice(-n);
}

某个时间点的时间范围（前后多少天）

效果图

js文件代码片

/*查询日期区间（某个时间点前后多少时间） Add By Vivian 2021/04/06 */
//rangeVal:两个日期的间隔符 timeType：相隔时间类型 date：某个日期 beforeDays：前N天 afterDays：后N天
function funGetRangeDateByBeforeAndAfter(rangeVal,timeType,date,beforeNum,afterNum){var dateVaule1 = new Date(date);//转换成时间格式var dateVaule2 = new Date(date);//转换成时间格式var startDate = "";var endDate = "";switch (timeType) {case 1://分startDate = new Date(dateVaule1.setMinutes(dateVaule1.getMinutes() - beforeNum));//前N分钟endDate = new Date(dateVaule2.setMinutes(dateVaule2.getMinutes() + afterNum));//后N分钟break;case 2://时startDate = new Date(dateVaule1.setHours(dateVaule1.getHours() - beforeNum));//前N小时endDate = new Date(dateVaule2.setHours(dateVaule2.getHours() + afterNum));//后N小时break;case 3://天startDate = new Date(dateVaule1.setDate(dateVaule1.getDate() - beforeNum));//前N天endDate = new Date(dateVaule2.setDate(dateVaule2.getDate() + afterNum));//后N天break;case 4://月startDate = new Date(dateVaule1.setMonth(dateVaule1.getMonth() - beforeNum));//前N月endDate = new Date(dateVaule2.setMonth(dateVaule2.getMonth() + afterNum));//后N月break;case 5://年startDate = new Date(dateVaule1.setFullYear(dateVaule1.getFullYear() - beforeNum));//前N年endDate = new Date(dateVaule2.setFullYear(dateVaule2.getFullYear() + afterNum));//后N年var addYear = curTime.setFullYear(curTime.getFullYear() - num);break;default:break;}var returnVal1= startDate.getFullYear() + '-' + PrefixZero((startDate.getMonth() + 1), 2) + '-' + PrefixZero(startDate.getDate(), 2);var returnVal2= endDate.getFullYear() + '-' + PrefixZero((endDate.getMonth() + 1), 2) + '-' + PrefixZero(endDate.getDate(), 2);var returnVal=returnVal1+rangeVal+returnVal2;return returnVal;
}/*自动补零 Add By Vivian 2020/12/04 */
function PrefixZero(num, n) {return (Array(n).join(0) + num).slice(-n);
}

JavaScript 时间范围相关推荐

easyui treegrid 获取新添加行inserted_18行JavaScript代码构建一个倒数计时器
有时候,你会需要构建一个JavaScript倒计时时钟.你可能会有一个活动.一个销售.一个促销或一个游戏.你可以用原生的JavaScript构建一个时钟,而不是去找一个插件.尽管有很多很棒的时钟插件, ...
十二、深入JavaScript中的Date
@Author:Runsen @Date:2020/05/29 作者介绍:Runsen目前大三下学期,专业化学工程与工艺,大学沉迷日语,Python, Java和一系列数据分析软件.导致翘课严重,专业 ...
前端绘制绘制图表_绘制图表（第2页）：JavaScript图表库的比较
前端绘制绘制图表 by Mandi Cai 蔡曼迪绘制图表(第2页):JavaScript图表库的比较 (Charting the waters (pt. 2): a comparison of J ...
java/javascript 时间操作工具类
一.java 时间操作工具类 import org.springframework.util.StringUtils;import java.text.ParseException; import j ...
给一个div innerhtml 后没有内容显示的问题_实战：仅用18行JavaScript构建一个倒数计时器...
有时候,你会需要构建一个JavaScript倒计时时钟.你可能会有一个活动.一个销售.一个促销或一个游戏.你可以用原生的JavaScript构建一个时钟,而不是去找一个插件.尽管有很多很棒的时钟插件, ...
javascript玩转ElasticSearch（一）
javascript玩转ElasticSearch(一) 前言开始准备工作一查询二创建 1 直接插入数据 2 先建立mapping映射,再插入数据 2.1 查询mapping 2.2 设置 ...
Stimulsoft Dashboards.JS JavaScript 2203.1.0仪表板
Stimulsoft Dashboards.JS- Dashboards.JS 是一个功能齐全的工具,用于为 JavaScript 平台创建仪表板. JavaScript 仪表板 Dashboards ...
前端算法学习入门笔记 - JavaScript
TIP LeetCode官网算法题目前面的序号代表题号,[ ]为题目难易程度.题目作者都刷过一遍,有些解法是自己写的. 学习视频请戳 -> 链接转载请标明出处!!! 目录栈 20. 有效的 ...
拜读阮一峰JavaScript教程笔记
读了不知道几遍,每次都没总结合做笔记,所以很多内容都记不住,如果平时没应用到实际中,那知识跟像过眼云烟,于是还是谢谢博客记记笔记,好好学习天天向上. 原教程链接: http://javascript. ...

JavaScript 时间范围

当前时间往前的时间范围（六个月之前）

效果图

某个日期的时间范围（前后多少天）

效果图

某个时间点的时间范围（前后多少天）

效果图

JavaScript 时间范围相关推荐

最新文章

热门文章