移动端二开加班单、请假单 把时间跨度改成15分钟或半个小时原创
金蝶云社区-ppq
ppq
2人赞赏了该文章 140次浏览 未经作者许可,禁止转载编辑于2023年08月16日 17:37:38

举例:

标准版本:image.png需求:步长改为15分钟image.png


二开方法:

1、找到文件dateTimePicker.js

image.png

2、点击编辑

image.png

3、拷贝出来修改两处代码如下:

第一步:定位到

this.createTime = function () {  这个下面

image.png

替换的代码:

// 把分的步长改为 15
      var minArr = [0, 15, 30, 45]
      for (var i = 0; i < 3; i++) {
        for (var j = minArr[0]; j < minArr.length; j++) {
          var minute = minArr[j] < 10 ? '0' + minArr[j]  : minArr[j];
          // 一共3轮 只隐藏第1轮
          if(i == 0 ) {
            minuteBox.children('ul').append($('<li style="visibility: hidden;">' + minute + '</li>'));
     
          } else {
            minuteBox.children('ul').append($('<li>' + minute + '</li>'));
          }
        }
      }


第二步:定位到

$('._minuteBox ul,._secondBox ul').on('scroll', function (e) {  这个下面

image.png

4、修改晚的代码再粘贴回去,然后点击保存,刷新页面即可


以上是步长设为15分钟的,步长设为30分钟的,也是一样的,代码有一点点不一样,如下

// 第一步

      // 把分的步长改为 30
      var minArr = [0, 30]
      for (var i = 0; i < 3; i++) {
        for (var j = minArr[0]; j < minArr.length; j++) {
          var minute = minArr[j] < 10 ? '0' + minArr[j]  : minArr[j] ;
          // 一共6个只显示第3、4个
          if(i !==1 ) {
            minuteBox.children('ul').append($('<li style="visibility: hidden;">' + minute + '</li>'));
            
          } else {
            minuteBox.children('ul').append($('<li>' + minute + '</li>'));
          }
        }
      }
  
// 第二步  把60改成2
  
if ($(_this)[0].scrollTop >= (2 * 2 - 2) * 3 * that.rem) {
  $(_this)[0].scrollTop = $(_this)[0].scrollTop - 1 * 3 * that.rem * 2;
} else if ($(_this)[0].scrollTop < (1 * 2 - 2) * 3 * that.rem) {
  $(_this)[0].scrollTop = $(_this)[0].scrollTop + 1 * 3 * that.rem * 2;
}


赞 2