js结合后台返回参数,动态控制各列数据展示

本文介绍如何结合后台返回的JSON参数,通过JavaScript动态生成表格,并根据数据控制工作时间段的显示,实现08:00~21:30等时间段的合并与默认状态设置。
摘要由CSDN通过智能技术生成

效果图:

    08:00~21:30 这样的列是动态生成的,如果某一个时间段属于工作时间段,则合并,否则设置为默认“闲”。



//全局变量声明
var global_per=30;//每30分钟一个刻度
var global_start_time='08:00';
var global_end_time='21:30';

//初始化 设置时间刻度
var initTime=function(start,end,per,getTitle){
    start=DateUtils.getMinutesFromTime(DateUtils.string2Date("HH:mm",start));
    end=DateUtils.getMinutesFromTime(DateUtils.string2Date("HH:mm",end));
    var data=[];
    for(var k =start;k<=end;k=k+per)
    {
        data.push({
            index:k,
            size:1,//代表<td>个数
            per:per,
            title:typeof getTitle=='function'?getTitle(k,per):'闲'
        });
    }
    return data;
};


<!-- 加载列表数据  结合接口进行数据填充-->
function Datashow(){
    var dataAll = new Array();//全局数据
    var jsonDataStr = ${
    
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值