时间轴

<form class="layui-form tableSerachForm" id="searchFormMarketOpnion">
    <div class="layui-panel layui-form-item zxPanel zx_filtraterBox" style="position:relative;">
        <div class="layui-inline widthStyle" style=" 400px;">
        <#-- //0 全部 7：一周内 8 一月内 9一年内  10 自定义-->
            <label class="layui-panel-label zx_filtraterTitle">时间类型
                <i class="fa fa-angle-right"></i></label>
            <div class="layui-btn-container checkBoxBtn1">
                <a class="layui-btn layui-btn-sm active">全部
                    <input type="hidden" value="" checked
                           name=""/></a>
                <a class="layui-btn layui-btn-sm ">近一周
                    <input type="hidden" value="7" checked
                           name="dateType1"/></a>
                <a class="layui-btn layui-btn-sm">近一月
                    <input type="hidden" value="8" checked
                           name="dateType2"/></a>
                <a class="layui-btn layui-btn-sm">近一年
                    <input type="hidden" value="9" checked
                           name="dateType3"/></a>
                <a class="layui-btn layui-btn-sm">自定义
                    <input type="hidden" value="10" checked
                           name="dateType4"/></a>
            </div>
        </div>
        <div class="layui-inline timeSelect" style="height: 38px;display: none;">
            <div class="layui-input-inline" style="110px;">
                <input type="" style="height: 30px;" readonly
                       class="layui-input date" name="startTime"
                       id="startTime" placeholder="开始日期"
                       autocomplete="off">
            </div>
            <label class="layui-panel-label zx_filtraterTitle">-</label>
            <div class="layui-input-inline" style="110px;">
                <input type="" style="height: 30px;" readonly
                       class="layui-input date" name="endTime"
                       id="endTime" placeholder="结束日期"
                       autocomplete="off">
            </div>
        </div>
        <button type="submit"
                class="layui-btn zxBtnSrh zx_filtraterBtn"
                style="position:absolute; height: 30px;line-height: 30px;"><i
                class="fa fa-search zx_button_serach_icon"></i>搜索
        </button>
    </div>
</form>

// 时间选择active
$('.checkBoxBtn1 a').click(function(){
    $('.checkBoxBtn1 a').removeClass('active');
    $(this).addClass('active');
    if($(this).text().trim() == "自定义"){
        $(".timeSelect").css('display', 'inline-block')
    }else{
        $(".timeSelect").css('display', 'none')
    }
})
lay('.date').each(function () {
    laydate.render({
        elem: this,
        trigger: 'click'
    });
});

function reloadFormMarketOpnion() {
    function getInitParam() {
        var dateType = $('.checkBoxBtn1').find('a.active').find('input').val();
        var param = {};
        if (dateType === '10') {
            var startTime = $('#startTime').val();
            var endTime = $('#endTime').val();
            param.publishTimeStart = startTime;
            param.publishTimeEnd = endTime;
        }
        param.timeType = dateType;
        param.wxCode = $("#wxCode").val();
        return param;
    }
    var param = getInitParam();
    queryWeChatArticle(param);
}

<div class="lineheight" style="font-size: 12px;">
    <span>账号主体：</span><span class="wechatData" id="companyName" style="cursor:pointer;color: #0494cc;"></span>&nbsp;
    <span>同主体公众号</span><span id="count">0</span>个
</div>


$("#companyName").click(function () {
    showDetailMsg.companyRegisterBaseDatail('',$(this).text(),'');
});

<tr>
    <td><span class="table-title">商品ID:</span><span class="table-content"
                                                    id="commodity_commodityId"></span>
    </td>
    <td><span class="table-title">商品URL:</span>
        <a id="showCommodityDetailHref" href="javascript:void(0)" onclick="showCommodityDetail()"><span class="table-content" id="commodity_commodityURL"></span></a>
    </td>
</tr>

if(data.shopType!=='8'&& data.shopType!=='9' && data.shopType!=='16'&& data.shopType!=='10'){
    $('#commodity_commodityURL').text(data.commodityURL? data.commodityURL: '-');
}else{
    $("#showCommodityDetailHref").removeAttr("href").removeAttr('onclick');
    $('#commodity_commodityURL').text('-').css("color","black");
}

$.each($('.table-content'), function (index, value) {
    var id = $(this).attr('id');
    if ("shop" === id.split("_")[0]) {
        if ("shop_shopGoodrate" != id) {
            $('#' + id).html(shopData[id.split("_")[1]] ? shopData[id.split("_")[1]] : '-');
        } else {
            $('#' + id).html(shopData[id.split("_")[1]] ? shopData[id.split("_")[1]] : '-');
        }
    }
});