优化时间选择，修复冲突时间问题

2020/x-3/biz/js/page/group-schedule-time-picker.js

@@ -5,18 +5,18 @@ require(["ipuUI", "jquery", "iScroll", "artTemplate"], function (ipuUI, $, iScro
    // # 加载每天日程数据
    // 把console修改成空方法，就不会打印日志了
    /* var console = {
       log: function () {
       }
     };*/
    var console = {
      log: function () {
      }
    };
    // 基本信息
    var WK_DAY_TEXTS = ['周日', '周一', '周二', '周三', '周四', '周五', '周六'];
    var MORE_DAY_NUM = 7;     // 可滚动的天数小于此数值时，补充新的MORE_DAY_NUM天数
    var INIT_DAY_NUM = 3 * MORE_DAY_NUM;  // 初始化时显示的天数
    var LIMIT_DAY_NUM = 5 * MORE_DAY_NUM;     // 限制最多的天数，超过则会移除前面或后面超出的天数
    var beginDateTime = "2020-12-11 11:00";  //
    var endDateTime = "2020-12-11 12:00";    //
    var beginDateTime = "";  // 可以有值，格式"2020-12-11 11:00
    var endDateTime = "";    // 可以有值，2020-12-11 12:00
    var beginDateStr = beginDateTime && beginDateTime.split(" ")[0];      // 选择的开始时间字符串，可以有值，有值时，默认选中天为开始时间，格式 2020-12-11
    var endDateStr = endDateTime && endDateTime.split(" ")[0];        // 选择的结束时间字符串，可以有值，格式 2020-12-12
    console.log(beginDateStr, endDateStr);
@@ -205,8 +205,8 @@ require(["ipuUI", "jquery", "iScroll", "artTemplate"], function (ipuUI, $, iScro
          $(">li:gt(" + (LIMIT_DAY_NUM - 1) + ")", calendarWrap).remove();  // 移除后面超出的日期
          calendarDays = calendarDays.slice(0, LIMIT_DAY_NUM - 1);          // 更新数组
        } else {
          console.log('after limit');
          var length = calendarDays.length;
          console.log('after limit');               //
          var length = calendarDays.length;         //
          var moveLen = $(">li:eq(" + (length - LIMIT_DAY_NUM) + ")", calendarWrap).position().left;
          $(">li:lt(" + (length - LIMIT_DAY_NUM) + ")", calendarWrap).remove();  // 移除超过的数据
          calendarDays = calendarDays.slice(length - LIMIT_DAY_NUM, length);  // 返回新数组
@@ -245,10 +245,22 @@ require(["ipuUI", "jquery", "iScroll", "artTemplate"], function (ipuUI, $, iScro
          // 判断是否冲突
          if (beginDateTime && endDateTime) { // 存在开始结束时间
            var sBegin = sltDay.dateStr + " " + obj.beginTime;
            if (obj.beginTime.match(/^\d:/)) {
              sBegin = sltDay.dateStr + " 0" + obj.beginTime;
            }
            var sEnd = sltDay.dateStr + " " + obj.endTime;
            console.log(sBegin, beginDateTime, sEnd, endDateTime);
            if (sBegin >= beginDateTime && sEnd <= endDateTime) {  //　日程在开始和结束时内，存为冲突
            if (obj.endTime.match(/^\d:/)) {  // 说明7:00这种格式，前面要补0
              sEnd = sltDay.dateStr + " 0" + obj.endTime;
            }
            console.log(sBegin, sEnd, beginDateTime, endDateTime);
            console.log(sEnd <= beginDateTime, sBegin >= endDateTime);
            if (sEnd <= beginDateTime || sBegin >= endDateTime) {
            } else {//　日程在开始和结束时内，存为冲突
              obj.className = "date-schedule-block-conflict";
              console.log("date-schedule-block-conflict");
            }
          }
        });
@@ -277,9 +289,21 @@ require(["ipuUI", "jquery", "iScroll", "artTemplate"], function (ipuUI, $, iScro
      }]
    ];
    // 更新日程冲突
    function updateScheduleConflict() {
      var toLi = $(".ipu-nav-content>ul>li:eq(" + scheduleIndex + ")");
      toLi.find(".date-schedule-block").remove();
      // 模拟接口请求过程，若没有接口请求，不需要处理
      computeSchedulePosition(mockScheduleList[scheduleIndex]);
      var scheduleHtmlStr = artTemplate("schedule-item-tpl", {list: mockScheduleList[scheduleIndex]});
      $(scheduleHtmlStr).appendTo($(".date-time-area", toLi));
      scrollToFirst();
    }
    // 显示选中天日程信息
    function showSchedule() {  // 日期相同时，不需要左右切换
      if (lastSltDay && lastSltDay.dateStr == sltDay.dateStr) {  // 天数未更新
      if (lastSltDay && lastSltDay.dateStr == sltDay.dateStr) {  // 选择日期未更新，只是更新了时间范围
      } else {
        // 如果天数相同，则不且切换...
@@ -302,14 +326,7 @@ require(["ipuUI", "jquery", "iScroll", "artTemplate"], function (ipuUI, $, iScro
        wrapper.removeClass("ipu-no-animation").toggleClass("ipu-nav-content-right");
      }
      var toLi = $(".ipu-nav-content>ul>li:eq(" + scheduleIndex + ")");
      toLi.find(".date-schedule-block").remove();
      // 模拟接口请求过程，若没有接口请求，不需要处理
      computeSchedulePosition(mockScheduleList[scheduleIndex]);
      var scheduleHtmlStr = artTemplate("schedule-item-tpl", {list: mockScheduleList[scheduleIndex]});
      $(scheduleHtmlStr).appendTo($(".date-time-area", toLi));
      scrollToFirst();
      updateScheduleConflict();
    }
    // 数据页更新后，自动滚动到第一个有冲突或第一个日程位置
@@ -319,12 +336,14 @@ require(["ipuUI", "jquery", "iScroll", "artTemplate"], function (ipuUI, $, iScro
      var firstEl = $(".date-time-area .date-schedule-block-conflict:first", liEl);
      if (firstEl.size() == 0) {
        firstEl = $(".date-time-area .date-schedule-block-conflict", liEl);
        firstEl = $(".date-time-area .date-schedule-block:first", liEl);  // 找第一个块即可
      }
      if (firstEl.size() == 0) { // 没有日程,进入日程默认起妈时间位置
        firstEl = $(".date-time-line-default", liEl);
      }
      console.log(scheduleIndex, firstEl, firstEl.position().top);
      $(liEl).scrollTop(firstEl.position().top - 2);  // -2是预留量
    }
@@ -349,9 +368,9 @@ require(["ipuUI", "jquery", "iScroll", "artTemplate"], function (ipuUI, $, iScro
        countSize();
      }
      setTimeout(function () {
      setTimeout(function () {   //
        var index = $("li[data-date='" + sltDay.dateStr + "']", calendarWrap).index();
        calendarScrollTo(index);  // 默认选中当前时间
        calendarScrollTo(index);          // 默认选中当前时间
      }, 100);
    }
@@ -360,6 +379,7 @@ require(["ipuUI", "jquery", "iScroll", "artTemplate"], function (ipuUI, $, iScro
      $(">li", calendarWrap).removeClass("picker picker-begin picker-end conflict");
      var firstDay = $("li[data-date='" + beginDateStr + "']", calendarWrap).addClass("picker-begin");
      var lastDay = $("li[data-date='" + endDateStr + "']", calendarWrap).addClass("picker-end");
      if (!firstDay.is(lastDay)) {
        firstDay.nextUntil("[data-date='" + endDateStr + "']").addClass("picker");
      }
@@ -368,6 +388,8 @@ require(["ipuUI", "jquery", "iScroll", "artTemplate"], function (ipuUI, $, iScro
      // 下面是演示用代码，给选中天加上日程冲突
      // 需要开发人员计算新的日程冲突
      addConflictFlag(beginDateStr);
      updateScheduleConflict();
    }
    // 将时间字符串'2012-12-11' 转换为[2012, 12, 11];
@@ -452,5 +474,4 @@ require(["ipuUI", "jquery", "iScroll", "artTemplate"], function (ipuUI, $, iScro
    }
  });
})
;
});