【列表系列】时间字段显示几天几个小时几分钟

guoguo

一、实现效果
如图1所示，在已用工时这里显示出具体的天数，分钟数和小时。


二、实现思路
文字描述，可以配图。
三、具体操作
1、在该字段的列内容格式化这里进行配置，如图2所示：

2、如图3所示，对代码进行分析

1）往数据库存的是具体的分钟数，所以首先获取对应的分钟。
2）对分钟数进行拆解，拆解成对应的天和小时
3）对天数和小时进行分析，显示
四、相关代码（可选）

1. function(value,metaData,record,rowIndex,colIndex,store,view){
   
2.         // var grid = this,
   
3.         // column = grid.columnManager.getHeaderAtIndex(colIndex);//当前列
   
4.         // return value;
   
5.     var yygs = value;
   
6.     // 分钟
   
7.     var oldMin = JE.toNum(yygs);
   
8.     var day = Math.floor(oldMin / (60*8));
   
9.     var hour = Math.floor((oldMin-day*8*60) / 60);
   
10.     var fz = oldMin - hour*60 - day*8*60;
    
11.     var todayManhour = "";
    
12.     if(day > 0){
    
13.         todayManhour = todayManhour + day + "天";
    
14.     }
    
15.     if(hour > 0){
    
16.         todayManhour = todayManhour + hour + "小时";
    
17.     }
    
18.     if(fz > 0){
    
19.         todayManhour = todayManhour + fz + "分钟";
    
20.     }
    
21.     if(day == 0 && hour == 0 && fz == 0){
    
22.         todayManhour = 0 + "分钟";
    
23.     }
    
24.     return todayManhour;
    
25. }

复制代码

[size=0.83em]666.png (103.48 KB, 下载次数: 0)
下载附件

[color=rgb(153, 153, 153) !important]2021-6-26 18:57 上传

五、总结（可选）
列内容格式化可以对列表上想要显示的样式进行修改。
六、关键字

时间显示，列内容格式化，天数小时分钟显示