|
一、实现效果
1、列表中可以看到提示到期的天数。2、列表中提示到期最后一天的提醒及颜色提示。
二、实现思路
1、列表中的数据都要做判断,在事件列格式化中可以实现。
2、在列格式化事件中根据当前日期与数据中的日期进行比对「前提做好样式的调整」。
3、通过日期判读天数,然后返回对应的数字和样式。
三、具体操作
1、选择好指定的日期字段
2、点击列格式化事件进行样式和相应的日期代码判断
四、相关代码(可选)
- function(value,metaData,record,rowIndex,colIndex,store,view){
- var style = 'color: #ffffff;background: #D24D57;border-radius: 3px;position: relative;display: inline-block;padding: 3px 5px;font-size: 12px;font-weight: 400;vertical-align: middle;';
- var style2 = 'color: #ffffff;background: #376bd0;border-radius: 3px;position: relative;display: inline-block;padding: 3px 5px;font-size: 12px;font-weight: 400;vertical-align: middle;';
- var dvalue = JE.DATE.parseDate(value);
- var tdate = new Date();
- var cz = JE.DATE.diffDays(dvalue, tdate);
- var zt = record.get("对应表字段");
- if(cz < 0){
- return value + ' 还剩<span style = "color:#386bd0" > '+(0-cz)+' </span>天';
- }else if(cz == 0){
- return value + ' <span style = "'+style2+'"> 最后一天 </span>';
- }else{
- return value + ' <span style = "'+style+'"> 延期'+(cz)+'天</span>';
- }
- }
复制代码
五、总结(可选)
根据相应的日期字段「如:开始日期或者结束日期」去事件中比对,最后作出对应的提醒
六、关键字
日期「客户可根据自己的业务去指定相对应的字段」
|
|