应用moment.js辅助计算工作时间

最新推荐文章于 2022-08-16 13:51:39 发布
最新推荐文章于 2022-08-16 13:51:39 发布
阅读量4.5k 收藏
点赞数
分类专栏： js/css 文章标签： moment.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/precipitant/article/details/51637100
版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title></title>
    <script src="moment.js"></script>

   
    <script type="text/javascript" language="javascript">


           function getSharpTime(baseDate,hour,day_diff)
           {
              var myDateTime_tmp = baseDate;
              if(day_diff != '')
              {
                myDateTime_tmp.add(day_diff, 'd');
              }
              myDateTime_tmp.hours(hour).minutes(0).seconds(0);
              return myDateTime_tmp;
           }


   
            function GetWorkHours(beginDateTime, endDateTime) {
            //debugger;
            var _totalHour = 0;
            //1、获取开始时间和结束时间之间的日
            var _beginDate = moment(beginDateTime);
            var _endDate = moment(endDateTime);
            //整理时间
           

           
            if (_beginDate.get("hour") < 8)
            {
                //开始时间小于8点，设置为8点
                _beginDate = getSharpTime(_beginDate,8);

               
            }
            else if (_beginDate.get('hour') == 12)
            {
           
                //开始时间在12点-13点之间，设置为13点
                _beginDate = getSharpTime(_beginDate,13);
            }
            else if (_beginDate.get("hour") >= 17)
            {
                //_beginDate.add(1, 'd').hour(8);
                _beginDate = getSharpTime(_beginDate,8,1);
            }
           
            if (_endDate.get("hour") > 17)
            {
                //结束时间大于17点，设置为17点
                _endDate = getSharpTime(_endDate,13);
            }
            else if (_endDate.get('hour') == 12)
            {
                //结束时间在12点-13点之间，设置为12点
                _endDate = getSharpTime(_endDate,12);

            }
            else if (_endDate.get("hour") <= 8)
            {
                _endDate = getSharpTime(_endDate,17,-1);
            }

 
           
            var _tempDateTime = _beginDate; //缓存一个日期，起始时开始时间
            while (moment(_tempDateTime).isBefore(_endDate))
            {
                //2.1、判断是否周日，周六
                //var _week = moment(_tempDateTime).weekday();
                //if (_week == 0 || _week == 6) {
                    //是周末,不算入时间
                    //_tempDateTime.add(1, 'd');
                    //continue;
                //}
                if (moment(_tempDateTime).isSame(_beginDate, "day"))
                {
                    if (moment(_tempDateTime).isSame(_endDate, "day")) {
                        //开始时间和结束时间是同一天，结束时间-开始时间
                        _totalHour += _endDate.diff(_beginDate, "hours", true);
                        //如果跨越中午，减去一个小时
                        if (moment(_tempDateTime).get('hour') <= 12 && moment(_endDate).get('hour') > 12)
                        {
                            _totalHour -= 1;
                        }
                        _tempDateTime.add(1, 'd');
                        continue;
                    }
                    else
                    {
                        //开始时间和结束时间不是同一天，17点减-开始时间
                        _totalHour += moment(_beginDate).hour(17).minute(0).second(0).diff(_beginDate, "hours", true);
                        //如果跨越中午，减去一个小时
                        if (moment(_tempDateTime).get('hour') <= 12 )
                        {
                            _totalHour -= 1;
                        }
                        _tempDateTime.add(1, 'd').hour(8).minute(0).second(0);
                     
                        continue;
                    }
                }
                else if (moment(_tempDateTime).isSame(_endDate, "day"))
                {
                    //是否和结束时间是同一天,结束时间-开始时间8点，
                    _totalHour += _endDate.diff(moment(_endDate).hour(8).minute(0).second(0), "hours", true);
                    //如果跨越中午，减去一个小时
                        if (moment(_endDate).get('hour') > 12 )
                        {
                            _totalHour -= 1;
                        }
                    _tempDateTime.add(1, 'd');
                    continue;
                }
                else
                {
                    _totalHour += 8;
                    _tempDateTime.add(1, 'd');
                    continue;
                }
            }
           //  alert(_totalHour < 0 ? 0 : _totalHour.toFixed(2));
//
             return _totalHour < 0 ? 0 : _totalHour.toFixed(2);

        }
   
   
        function GetTotalWorkHours(beginDateTime1, endDateTime1,beginDateTime2, endDateTime2)
        {
           if(endDateTime2 == '' || beginDateTime1 == '' )
           {
              alert('date A 和  data D 不能为空');
           }
  
           if(endDateTime1 == '')
           {
               return   GetWorkHours(beginDateTime1 ,endDateTime2) ;          
           }
           else
           {
               if (beginDateTime2 == '')
               {
                  return   GetWorkHours(beginDateTime1 ,endDateTime1) ;  
               }
               else
               {
              // alert(GetWorkHours(beginDateTime1 ,endDateTime1));
              // alert(GetWorkHours(beginDateTime2 ,endDateTime2));
              var _totalhours1 = parseFloat(GetWorkHours(beginDateTime1 ,endDateTime1)); 
              var _totalhours2 = parseFloat(GetWorkHours(beginDateTime2 ,endDateTime2));  
              var _totalhours = _totalhours1 + _totalhours2;

             
             return _totalhours;
               }
           }

 

         //beginDateTime1(A), endDateTime1(B),beginDateTime2(C), endDateTime2(D)
         /* 
           3  计算逻辑
          
           当 B,C没有时，hour=D-A;

           当B有C没有时 hour=B-A;

           当B,C都有时 hour= (B-A)+(D-C);
           */
        }


   
    </script>
</head>
<body>
时间1(A)：<input type = "text" id = "num1" value = "2016-05-28 12:01" /><br />
时间2(B)：<input type = "text" id = "num2" value = "2016-05-29 14:00" /><br />

时间3(C)：<input type = "text" id = "num3" value = "2016-05-29 18:31" /><br />
时间4(D)：<input type = "text" id = "num4" value = "2016-05-30 11:00" /><br />

<hr />

<input type = "text" id = "result" value = ""   />
<button οnclick="document.getElementById('result').value = GetTotalWorkHours(document.getElementById('num1').value,document.getElementById('num2').value,document.getElementById('num3').value,document.getElementById('num4').value);">测试结果</button ><br />
<input type="text" id = "b_a" value = "" />
<button  οnclick="document.getElementById('b_a').value = GetWorkHours(document.getElementById('num1').value,document.getElementById('num2').value);">B-A</button><br />
<input type="text" id = "d_a" value = "" />
<button  οnclick="document.getElementById('d_a').value = GetWorkHours(document.getElementById('num1').value,document.getElementById('num4').value);">D-A</button><br />
<input type="text" id = "d_c" value = "" />
<button  οnclick="document.getElementById('d_c').value = GetWorkHours(document.getElementById('num3').value,document.getElementById('num4').value);">D-C</button><br />

 

</body>
</html>

precipitant
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
小程序中利用Moment.js格式时间
03-29
http://momentjs.com/ 选moment.min.js版本，因为没有用到国际化的东西，体积省点是一点。   2.集成 将moment.min.js放在小程序工程的utils目录下   3.调用 const moment = require('moment.min.js'); moment....
moment通过时间戳获取星期几
u010227042的博客
03-05 7310
moment通过时间戳获取星期几 getWeek (date) { // 参数时间戳 let week = moment(date).day() switch (week) { case 1: return '周一' case 2: return '周二' case 3: return '周三' case 4: return '周四' ......
Moment.js判断日期是不是周末
weixin_57229715的博客
11-23 2650
资料：文档 | Moment.js 中文网 // 如果是周末 不显示 if (moment(day).weekday() === 5 || moment(day).weekday() === 6) { return; }
moment（一个js时间格式化处理库）使用及踩坑
从事前端，不断积累经验，学习新的技术。头像不是本人是莉莉崽（美貌、可爱集于一身的小姐姐，小仙女），一个宝藏博主，值得喜欢！
04-02 8638
前言： moment.js是一个时间处理库，在前端经常用到比如ui框架里datePicker，rangePicker等组件会用到。 一、moment.js moment.js官方api 二、使用时出现的错误及踩坑 1.Invalid date(无效的日期) 说明你传入的值不是个有效的日期（找了好久才找到）。 moment('1616486656000'); //这样是可以的 moment('1616486656000').format('YYYY-MM-DD');//这样就不行报Inval.
Moment - 计算工作日天数
qq_18196779的博客
07-14 528
计算工作日天数
vue js moment.js 过滤了双休日和法定节假日
weixin_34064653的博客
07-20 1821
源码：注！原创的！！！！ <template> <div id="DATE"> <ul class="dateForm" @change="VpushDateTime((ymd+hour+minute))"> <!-- 年月日 --> <li class="ymd"> &...
moment.js文件下载
05-07
Moment.js是一个轻量级的JavaScript时间库，日常开发中，通常会对时间进行下面这几个操作：比如获取时间，设置时间，格式化时间，比较时间等等。接下来，我将按照这些操作对Moment.js中的Doc进行整理分类，方便学习...
扩展微信小程序框架功能：日期时间Moment.js
03-29
Moment.js是一个JavaScript的日期、时间处理工具类，其对于JavaScript的日期时间处理功能非常强悍和全面。可以用在浏览器环境中使用，也可以在Node.js中。 Moment.js Moment.js对Date对象的扩展不是使用Date....
moment.js用于处理时间（日，周，月时间格式化处理）
05-19
moment.js 主要用于时间格式处理 免于自己编写格式化时间参数 日，周，月时间格式化处理 日，周，月时间格式化处理 日，周，月时间格式化处理
moment.js轻松实现获取当前日期是当年的第几周
10-24
主要介绍了moment.js轻松实现获取当前日期是当年的第几周,需要的朋友可以参考下
【日期工具类】判断当日是否是工作日
weixin_65690086的博客
08-16 821
【日期工具类】判断当日是否是工作日
js 判断给的日期是否为工作日
lannieZ的博客
01-25 2781
const isWeekday = (date) => date.getDay() % 6 !== 0; console.log(isWeekday(new Date(2021, 0, 11))); // Result: true (Monday) console.log(isWeekday(new Date(2021, 0, 10))); // Result: false (Sunday)
JS检查日期是否为工作日
不知道就对了的博客
06-23 2325
JavaScript检查日期是否为工作日(1-5) 使用这个方法，你就可以检查函数参数是工作日还是周末；周一到周五为工作日，周六周天不是工作日。 代码片. const isWeekday = (date) => date.getDay() % 6 !== 0; console.log(isWeekday(new Date(2021, 0, 11))); // Result: true (Monday) console.log(isWeekday(new Date(2021, 0, 10))); //
Moment.js js 时间计算
囧小喵的编程窝
07-23 6980
Moment.js中文文档系列之八时间段（Durations） 创建时间段：duration() 人性化：humanize() 毫秒：milliseconds() 秒：seconds() 分：minutes() 小时：hours() 天：days() 月：months() 年：years() 增加时间：add() 减少时间：subtract() 单位转换：as() 取值：...
如何确认某日是否为工作日（休息日）
sky 胡萝卜星星
03-02 1万+
最近因为某些坏事，做了这么一个用来确认工作日的逻辑，前一阵子看到论坛上有些人也在问思路什么的，所以就在这里记录下 首先需要说明：因为这个判断只基于日期，未基于小时，所以这个判断标准不支持跨日，即不支持从某一天晚上到第二天早上，也就是俗称的夜班 其实判断某一天是否为工作日的逻辑非常简单： 1、按常规情况判断该日期是否是工作日 2、在第一步的基础上，判断该日期是否为特殊日期，所谓的特殊日期就是
判断当前是否为工作日(2020年版本)
qq2553381690的博客
06-19 1370
判断当前是否为工作日(2020年版本) public static boolean isWorkDay(Date date) { //存储本应该是工作日的节假日 HashSet<Date> set1 = new HashSet<>(); SimpleDateFormat sdf = new SimpleDateFormat("yyyy/MM/dd"); String[] strings1 = new String[]{"
momentjs计算一段时间内包含多少周中周末天数
wufantastic的博客
06-04 3068
该段代码思路为计算好多少个整周，然后在计算相加非整周数据，具体见代码，希望对大家有用 ^_^ /** * 计算一段时间内包含多少天周中 多少天周末 * @param start * @param end * @returns {{weekDays: number, weekendDays: number}} */ export function getWeekDayCount(st...
使用moment.js获取一个自然周开始日期和结束日期
小虫的专栏
11-28 2万+
最近，我的页面上要实现自然周的周期，发现网上找不到，因此我写在这里共享出来。 以获取上周周期为例： var weekOfday = moment().format('E');//计算今天是这周第几天 var last_monday = moment().subtract(weekOfday+7-1, 'days').format('YYYY/MM/DD');//周一日期 var last_s
java判断日期是否为工作日（排除节假日和调整周末上班）
热门推荐
林朝昆的博客
08-17 4万+
项目需要判断当前日期是否为工作日，包括判断是否周末，是否节假日，是否周末调整上班。 判断是否周末，我们可以通过java方法就可以实现，但是判断是否节假日和，调整的周末上班，这个就需要我们自己去维护了。 所以我们可以搞2个集合，分别来存节假日和调整上班的日期。 这里数据我就模拟一下，用的时候，可以添加到xml文件中或者去读取数据库都行。 下面看代码： public class Calend
moment.js获取当前时间
最新发布
07-16
要使用Moment.js获取当前时间，您可以按照以下步骤操作： 1. 首，确保您已经在您的项目中安装了Moment.js。您可以使用npm或者接在HTML文件中引入Moment.js库。 2. 在您的代码中，使用以下语法获取当前时间： ```...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值