JS 获取一段时间内的工作时长小时数
时间:2019-11-17
本文章向大家介绍JS 获取一段时间内的工作时长小时数,主要包括JS 获取一段时间内的工作时长小时数使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
本来想是想找轮子的,但是并没有找到能用的,多数都是问题很大,所以就自己写了一个
需求说明
支持自选时间段,即开始时间与结束时间
根据用户的上班及下班时间判定
返回小时数
技术栈
moment.js
思考过程
怎么说呢,其实这个逻辑不是很复杂
主要是确定起始时间、结束时间与打卡上班时间、打卡下班时间的关系问题
起始时间<上班时间 ---> 将begindate设置成上班时间
起始时间>下班时间 ---> 将begindate设置成上班时间 并且日期+1
结束时间>下班时间 ---> 将enddate设置成下班时间
结束时间<上班时间 ---> 将begindate设置成上班时间 并且日期-1
然后就是判断是不是工作日了
起始是否同一天
大概思路就是这样 嗯
/**
*
* @param {*} st start 2018-02-02 12:00
* @param {*} et end 2018-02-02 12:00
* @param {*} das 打卡上班 10:00:00 格式必须
* @param {*} dax 打卡下班 10:00:00 格式必须
*/
GetWorkHours( st, et, das, dax) {
var das = {h:das.substr(0,2),m:das.substr(3,2),s:das.substr(6,2)}
var dax = {h:dax.substr(0,2),m:dax.substr(3,2),s:dax.substr(6,2)}
var _totalHour = 0;
//获取开始时间和结束时间
var _beginDate = moment(st);
var _endDate = moment(et);
var _begin = {y:_beginDate.year(),M:_beginDate.month(),d:_beginDate.date()}
var _end = {y:_endDate.year(),M:_endDate.month(),d:_endDate.date()}
//整理
if (_beginDate.isBefore(moment(Object.assign({},_begin,das)))) {
//开始时间小于st,设置为st
_beginDate.hour(das.h).minute(das.m);
} else if (_beginDate.isAfter(moment(Object.assign({},_begin,dax)))) {
_beginDate.add(1, 'd').hour(das.h).minute(das.m);
}
if (_endDate.isAfter(moment(Object.assign({},_end,dax)))) {
//结束时间大于et,设置为et
_endDate.hour(dax.h).minute(dax.m);
} else if (_endDate.isBefore(moment(Object.assign({},_begin,das)))) {
_beginDate.add(-1, 'd').hour(das.h).minute(das.m);
}
var _DateTime = _beginDate;
while (moment(_DateTime).isSameOrBefore(_endDate, "day")) {
//判断是否周日,周六
var _week = moment(_DateTime).weekday();
if (_week == 0 || _week == 6) {
_DateTime.add(1, 'd');
continue;
}
if (moment(_DateTime).isSame(_beginDate, "day")) {
if (moment(_DateTime).isSame(_endDate, "day")) {
//开始时间和结束时间是同一天,结束时间-开始时间
_totalHour += _endDate.diff(_beginDate, "hours", true);
_DateTime.add(1, 'd');
continue;
} else {
//开始时间和结束时间不是同一天,et-st
_totalHour += moment(dax).diff(das, "hours", true);
_DateTime.add(1, 'd');
continue;
}
} else if (moment(_DateTime).isSame(_endDate, "day")) {
//是否和结束时间是同一天,结束时间-开始时间st,
_totalHour += _endDate.diff(moment(_endDate).hour(das.h).minute(das.m), "hours", true);
_DateTime.add(1, 'd');
continue;
} else {
//工时
_totalHour += moment.duration(moment(dax)-moment(das)).as('hours');
_DateTime.add(1, 'd');
continue;
}
}
console.log("总计", _totalHour)
return _totalHour
}
细节处可能还有瑕疵,欢迎讨论
原文地址:https://www.cnblogs.com/baimeishaoxia/p/11875332.html
- 谷歌教你学 AI-第三讲简单易懂的估算器
- 黑产是如何强刷用户银行卡8.1万元的?
- Spring 必知概念(二)
- 利用iText 组件导出PDF
- 利用POI组件导出Excel的简单示例
- MongoDB 整合spring-data-jpa,spring 4.x
- 【微信开发】 红包接口开发
- 【微信开发】 使用单例设计模式 提供AccessToken 和Jsapi_ticket缓存支持
- @ResponseBody响应JSON 406
- tomcat不能运行或共存多个项目
- Spring Task 定时任务
- 如何为机器学习索引,切片,调整 NumPy 数组
- 逆向工程分析:摩托罗拉安全摄像头究竟有多不安全?
- 【maven学习】 利用Profile构建不同环境的部署包
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- laravel http 自定义公共验证和响应的方法
- Windows服务器中PHP如何安装redis扩展
- NBA投篮数据可视化,4行代码就能实现!
- Laravel框架实现文件上传的方法分析
- PHP集成环境XAMPP的安装与配置
- Laravel解决nesting level错误和隐藏index.php的问题
- PHP反射原理与用法深入分析
- Thinkphp5.0 框架实现控制器向视图view赋值及视图view取值操作示例
- laravel Validator ajax返回错误信息的方法
- Linux下 php7安装redis的办法
- php实现的数组转xml案例分析
- Laravel框架Auth用户认证操作实例分析
- yii2实现Ueditor百度编辑器的示例代码
- PHP下载文件函数与用法示例
- php实现银联商务公众号+服务窗支付的示例代码