task.html

<div class="task-layout"></div>

<!--Cron弹窗-->
<div class="chooseCron-layout-bg" style="display: none"></div>
<div class="chooseCron-container" style="display: none">
    <img id="closeButton" width="32" height="32" src="img/close.png" alt="">
    <img id="addButton" width="32" height="32" src="img/add.png" alt="">
    <div class="tab-header">
        <ul class="tabs clear-fix">
            <li id="second" class="tab-selected"><span>秒</span></li>
            <li id="minute"><span>分钟</span></li>
            <li id="hour"><span>小时</span></li>
            <li id="day"><span>日</span></li>
            <li id="month"><span>月</span></li>
            <li id="week"><span>周</span></li>
            <li id="year"><span>年</span></li>
        </ul>
    </div>
    <div class="panel">
        <div class="second-panel" style="display: block">
            <div class="line">
                <input type="radio" checked="checked" name="second" value="secondRow1">
                每秒 允许的通配符 [ * ]
            </div>
            <div class="line">
                <input type="radio" name="second" value="secondRow2">
                周期从
                <input class="numberspinner" style="width: 25px;" data-options="min:1,max:58"
                       value="1" id="secondStart_0">
                -
                <input class="numberspinner" style="width: 25px;" data-options="min:2,max:59"
                       value="2" id="secondEnd_0">
                秒
            </div>
            <div class="line">
                <input type="radio" name="second" value="secondRow3">
                从
                <input class="numberspinner" style="width: 25px;" data-options="min:0,max:59" value="0"
                       id="secondStart_1">
                秒开始,每
                <input class="numberspinner" style="width: 25px;" data-options="min:1,max:59" value="1"
                       id="secondEnd_1">
                秒执行一次
            </div>
            <div class="line">
                <input type="radio" name="second" id="sencond_appoint" value="secondRow4">
                指定
            </div>
            <div class="second-list">
                <input type="checkbox" disabled="disabled" value="0">00
                <input type="checkbox" disabled="disabled" value="1">01
                <input type="checkbox" disabled="disabled" value="2">02
                <input type="checkbox" disabled="disabled" value="3">03
                <input type="checkbox" disabled="disabled" value="4">04
                <input type="checkbox" disabled="disabled" value="5">05
                <input type="checkbox" disabled="disabled" value="6">06
                <input type="checkbox" disabled="disabled" value="7">07
                <input type="checkbox" disabled="disabled" value="8">08
                <input type="checkbox" disabled="disabled" value="9">09
            </div>
            <div class="second-list">
                <input type="checkbox" disabled="disabled" value="10">10
                <input type="checkbox" disabled="disabled" value="11">11
                <input type="checkbox" disabled="disabled" value="12">12
                <input type="checkbox" disabled="disabled" value="13">13
                <input type="checkbox" disabled="disabled" value="14">14
                <input type="checkbox" disabled="disabled" value="15">15
                <input type="checkbox" disabled="disabled" value="16">16
                <input type="checkbox" disabled="disabled" value="17">17
                <input type="checkbox" disabled="disabled" value="18">18
                <input type="checkbox" disabled="disabled" value="19">19
            </div>
            <div class="second-list">
                <input type="checkbox" disabled="disabled" value="20">20
                <input type="checkbox" disabled="disabled" value="21">21
                <input type="checkbox" disabled="disabled" value="22">22
                <input type="checkbox" disabled="disabled" value="23">23
                <input type="checkbox" disabled="disabled" value="24">24
                <input type="checkbox" disabled="disabled" value="25">25
                <input type="checkbox" disabled="disabled" value="26">26
                <input type="checkbox" disabled="disabled" value="27">27
                <input type="checkbox" disabled="disabled" value="28">28
                <input type="checkbox" disabled="disabled" value="29">29
            </div>
            <div class="second-list">
                <input type="checkbox" disabled="disabled" value="30">30
                <input type="checkbox" disabled="disabled" value="31">31
                <input type="checkbox" disabled="disabled" value="32">32
                <input type="checkbox" disabled="disabled" value="33">33
                <input type="checkbox" disabled="disabled" value="34">34
                <input type="checkbox" disabled="disabled" value="35">35
                <input type="checkbox" disabled="disabled" value="36">36
                <input type="checkbox" disabled="disabled" value="37">37
                <input type="checkbox" disabled="disabled" value="38">38
                <input type="checkbox" disabled="disabled" value="39">39
            </div>
            <div class="second-list">
                <input type="checkbox" disabled="disabled" value="40">40
                <input type="checkbox" disabled="disabled" value="41">41
                <input type="checkbox" disabled="disabled" value="42">42
                <input type="checkbox" disabled="disabled" value="43">43
                <input type="checkbox" disabled="disabled" value="44">44
                <input type="checkbox" disabled="disabled" value="45">45
                <input type="checkbox" disabled="disabled" value="46">46
                <input type="checkbox" disabled="disabled" value="47">47
                <input type="checkbox" disabled="disabled" value="48">48
                <input type="checkbox" disabled="disabled" value="49">49
            </div>
            <div class="second-list">
                <input type="checkbox" disabled="disabled" value="50">50
                <input type="checkbox" disabled="disabled" value="51">51
                <input type="checkbox" disabled="disabled" value="52">52
                <input type="checkbox" disabled="disabled" value="53">53
                <input type="checkbox" disabled="disabled" value="54">54
                <input type="checkbox" disabled="disabled" value="55">55
                <input type="checkbox" disabled="disabled" value="56">56
                <input type="checkbox" disabled="disabled" value="57">57
                <input type="checkbox" disabled="disabled" value="58">58
                <input type="checkbox" disabled="disabled" value="59">59
            </div>
        </div>
        <div class="minute-panel" style="display: none">
            <div class="line">
                <input type="radio" checked="checked" name="minute" value="minuteRow1">
                分钟 允许的通配符 [ * ]
            </div>
            <div class="line">
                <input type="radio" name="minute" value="minuteRow2">
                周期从
                <input class="numberspinner" style="width: 25px;" data-options="min:1,max:58" value="1"
                       id="minuteStart_0">
                -
                <input class="numberspinner" style="width: 25px;" data-options="min:2,max:59" value="2"
                       id="minuteEnd_0">
                分钟
            </div>
            <div class="line">
                <input type="radio" name="minute" value="minuteRow3">
                从
                <input class="numberspinner" style="width: 25px;" data-options="min:0,max:59" value="0"
                       id="minuteStart_1">
                分钟开始,每
                <input class="numberspinner" style="width: 25px;" data-options="min:1,max:59" value="1"
                       id="minuteEnd_1">
                分钟执行一次
            </div>
            <div class="line">
                <input type="radio" name="minute" id="minute_appoint" value="minuteRow4">
                指定
            </div>
            <div class="minute-list">
                <input type="checkbox" disabled="disabled" value="0">00
                <input type="checkbox" disabled="disabled" value="1">01
                <input type="checkbox" disabled="disabled" value="2">02
                <input type="checkbox" disabled="disabled" value="3">03
                <input type="checkbox" disabled="disabled" value="4">04
                <input type="checkbox" disabled="disabled" value="5">05
                <input type="checkbox" disabled="disabled" value="6">06
                <input type="checkbox" disabled="disabled" value="7">07
                <input type="checkbox" disabled="disabled" value="8">08
                <input type="checkbox" disabled="disabled" value="9">09
            </div>
            <div class="minute-list">
                <input type="checkbox" disabled="disabled" value="10">10
                <input type="checkbox" disabled="disabled" value="11">11
                <input type="checkbox" disabled="disabled" value="12">12
                <input type="checkbox" disabled="disabled" value="13">13
                <input type="checkbox" disabled="disabled" value="14">14
                <input type="checkbox" disabled="disabled" value="15">15
                <input type="checkbox" disabled="disabled" value="16">16
                <input type="checkbox" disabled="disabled" value="17">17
                <input type="checkbox" disabled="disabled" value="18">18
                <input type="checkbox" disabled="disabled" value="19">19
            </div>
            <div class="minute-list">
                <input type="checkbox" disabled="disabled" value="20">20
                <input type="checkbox" disabled="disabled" value="21">21
                <input type="checkbox" disabled="disabled" value="22">22
                <input type="checkbox" disabled="disabled" value="23">23
                <input type="checkbox" disabled="disabled" value="24">24
                <input type="checkbox" disabled="disabled" value="25">25
                <input type="checkbox" disabled="disabled" value="26">26
                <input type="checkbox" disabled="disabled" value="27">27
                <input type="checkbox" disabled="disabled" value="28">28
                <input type="checkbox" disabled="disabled" value="29">29
            </div>
            <div class="minute-list">
                <input type="checkbox" disabled="disabled" value="30">30
                <input type="checkbox" disabled="disabled" value="31">31
                <input type="checkbox" disabled="disabled" value="32">32
                <input type="checkbox" disabled="disabled" value="33">33
                <input type="checkbox" disabled="disabled" value="34">34
                <input type="checkbox" disabled="disabled" value="35">35
                <input type="checkbox" disabled="disabled" value="36">36
                <input type="checkbox" disabled="disabled" value="37">37
                <input type="checkbox" disabled="disabled" value="38">38
                <input type="checkbox" disabled="disabled" value="39">39
            </div>
            <div class="minute-list">
                <input type="checkbox" disabled="disabled" value="40">40
                <input type="checkbox" disabled="disabled" value="41">41
                <input type="checkbox" disabled="disabled" value="42">42
                <input type="checkbox" disabled="disabled" value="43">43
                <input type="checkbox" disabled="disabled" value="44">44
                <input type="checkbox" disabled="disabled" value="45">45
                <input type="checkbox" disabled="disabled" value="46">46
                <input type="checkbox" disabled="disabled" value="47">47
                <input type="checkbox" disabled="disabled" value="48">48
                <input type="checkbox" disabled="disabled" value="49">49
            </div>
            <div class="minute-list">
                <input type="checkbox" disabled="disabled" value="50">50
                <input type="checkbox" disabled="disabled" value="51">51
                <input type="checkbox" disabled="disabled" value="52">52
                <input type="checkbox" disabled="disabled" value="53">53
                <input type="checkbox" disabled="disabled" value="54">54
                <input type="checkbox" disabled="disabled" value="55">55
                <input type="checkbox" disabled="disabled" value="56">56
                <input type="checkbox" disabled="disabled" value="57">57
                <input type="checkbox" disabled="disabled" value="58">58
                <input type="checkbox" disabled="disabled" value="59">59
            </div>
        </div>
        <div class="hour-panel" style="display: none">
            <div class="line">
                <input type="radio" checked="checked" name="hour" value="hourRow1">
                小时 允许的通配符 [ * ]
            </div>
            <div class="line">
                <input type="radio" name="hour" value="hourRow2">
                周期从
                <input class="numberspinner" style="width: 25px;" data-options="min:1,max:58" value="1"
                       id="hourStart_0">
                -
                <input class="numberspinner" style="width: 25px;" data-options="min:2,max:59" value="2"
                       id="hourEnd_0">
                小时
            </div>
            <div class="line">
                <input type="radio" name="hour" value="hourRow3">
                从
                <input class="numberspinner" style="width: 25px;" data-options="min:0,max:59" value="0"
                       id="hourStart_1">
                小时开始,每
                <input class="numberspinner" style="width: 25px;" data-options="min:1,max:59" value="1"
                       id="hourEnd_1">
                小时执行一次
            </div>
            <div class="line">
                <input type="radio" name="hour" id="hour_appoint" value="hourRow4">
                指定
            </div>
            <div class="hour-list">
                <input type="checkbox" disabled="disabled" value="0">00
                <input type="checkbox" disabled="disabled" value="1">01
                <input type="checkbox" disabled="disabled" value="2">02
                <input type="checkbox" disabled="disabled" value="3">03
                <input type="checkbox" disabled="disabled" value="4">04
                <input type="checkbox" disabled="disabled" value="5">05
                <input type="checkbox" disabled="disabled" value="6">06
                <input type="checkbox" disabled="disabled" value="7">07
                <input type="checkbox" disabled="disabled" value="8">08
                <input type="checkbox" disabled="disabled" value="9">09
                <input type="checkbox" disabled="disabled" value="10">10
                <input type="checkbox" disabled="disabled" value="11">11
            </div>
            <div class="hour-list">
                <input type="checkbox" disabled="disabled" value="12">12
                <input type="checkbox" disabled="disabled" value="13">13
                <input type="checkbox" disabled="disabled" value="14">14
                <input type="checkbox" disabled="disabled" value="15">15
                <input type="checkbox" disabled="disabled" value="16">16
                <input type="checkbox" disabled="disabled" value="17">17
                <input type="checkbox" disabled="disabled" value="18">18
                <input type="checkbox" disabled="disabled" value="19">19
                <input type="checkbox" disabled="disabled" value="20">20
                <input type="checkbox" disabled="disabled" value="21">21
                <input type="checkbox" disabled="disabled" value="22">22
                <input type="checkbox" disabled="disabled" value="23">23
            </div>

        </div>
        <div class="day-panel" style="display: none">
            <div class="line">
                <input type="radio" checked="checked" name="day" value="dayRow1">
                日 允许的通配符 [ * ]
            </div>
            <div class="line">
                <input type="radio" name="day" value="dayRow2">
                不指定
            </div>
            <div class="line">
                <input type="radio" name="day" value="dayRow3">
                周期从
                <input class="numberspinner" style="width: 25px;" data-options="min:1,max:58" value="1"
                       id="dayStart_0">
                -
                <input class="numberspinner" style="width: 25px;" data-options="min:2,max:59" value="2"
                       id="dayEnd_0">
                日
            </div>
            <div class="line">
                <input type="radio" name="day" value="dayRow4">
                从
                <input class="numberspinner" style="width: 25px;" data-options="min:0,max:59" value="0"
                       id="dayStart_1">
                日开始,每
                <input class="numberspinner" style="width: 25px;" data-options="min:1,max:59" value="1"
                       id="dayEnd_1">
                天执行一次
            </div>
            <div class="line">
                <input type="radio" name="day" id="day_appoint" value="dayRow5">
                指定
            </div>
            <div class="day-list">
                <input type="checkbox" disabled="disabled" value="1">01
                <input type="checkbox" disabled="disabled" value="2">02
                <input type="checkbox" disabled="disabled" value="3">03
                <input type="checkbox" disabled="disabled" value="4">04
                <input type="checkbox" disabled="disabled" value="5">05
                <input type="checkbox" disabled="disabled" value="6">06
                <input type="checkbox" disabled="disabled" value="7">07
                <input type="checkbox" disabled="disabled" value="8">08
                <input type="checkbox" disabled="disabled" value="9">09
                <input type="checkbox" disabled="disabled" value="10">10
            </div>
            <div class="day-list">
                <input type="checkbox" disabled="disabled" value="11">11
                <input type="checkbox" disabled="disabled" value="12">12
                <input type="checkbox" disabled="disabled" value="13">13
                <input type="checkbox" disabled="disabled" value="14">14
                <input type="checkbox" disabled="disabled" value="15">15
                <input type="checkbox" disabled="disabled" value="16">16
                <input type="checkbox" disabled="disabled" value="17">17
                <input type="checkbox" disabled="disabled" value="18">18
                <input type="checkbox" disabled="disabled" value="19">19
                <input type="checkbox" disabled="disabled" value="20">20
            </div>
            <div class="day-list">
                <input type="checkbox" disabled="disabled" value="21">21
                <input type="checkbox" disabled="disabled" value="22">22
                <input type="checkbox" disabled="disabled" value="23">23
                <input type="checkbox" disabled="disabled" value="24">24
                <input type="checkbox" disabled="disabled" value="25">25
                <input type="checkbox" disabled="disabled" value="26">26
                <input type="checkbox" disabled="disabled" value="27">27
                <input type="checkbox" disabled="disabled" value="28">28
                <input type="checkbox" disabled="disabled" value="29">29
                <input type="checkbox" disabled="disabled" value="30">30
                <input type="checkbox" disabled="disabled" value="31">31
            </div>

        </div>
        <div class="month-panel" style="display: none">
            <div class="line">
                <input type="radio" checked="checked" name="month" value="monthRow1">
                月 允许的通配符 [ * ]
            </div>
            <div class="line">
                <input type="radio" name="month" value="monthRow2">
                不指定
            </div>
            <div class="line">
                <input type="radio" name="month" value="monthRow3">
                周期从
                <input class="numberspinner" style="width: 25px;" data-options="min:1,max:11" value="1"
                       id="monthStart_0">
                -
                <input class="numberspinner" style="width: 25px;" data-options="min:2,max:12" value="2"
                       id="monthEnd_0">
                月
            </div>
            <div class="line">
                <input type="radio" name="month" value="monthRow4">
                从
                <input class="numberspinner" style="width: 25px;" data-options="min:1,max:31" value="0"
                       id="monthStart_1">
                月开始,每
                <input class="numberspinner" style="width: 25px;" data-options="min:1,max:12" value="1"
                       id="monthEnd_1">
                月执行一次
            </div>
            <div class="line">
                <input type="radio" name="month" id="month_appoint" value="monthRow5">
                指定
            </div>
            <div class="month-list">
                <input type="checkbox" disabled="disabled" value="1">01
                <input type="checkbox" disabled="disabled" value="2">02
                <input type="checkbox" disabled="disabled" value="3">03
                <input type="checkbox" disabled="disabled" value="4">04
                <input type="checkbox" disabled="disabled" value="5">05
                <input type="checkbox" disabled="disabled" value="6">06
                <input type="checkbox" disabled="disabled" value="7">07
                <input type="checkbox" disabled="disabled" value="8">08
                <input type="checkbox" disabled="disabled" value="9">09
                <input type="checkbox" disabled="disabled" value="10">10
                <input type="checkbox" disabled="disabled" value="11">11
                <input type="checkbox" disabled="disabled" value="12">12
            </div>
        </div>
        <div class="week-panel" style="display: none">
            <div class="line">
                <input type="radio" name="week" value="weekRow1">
                周 允许的通配符 [ * ]
            </div>
            <div class="line">
                <input type="radio" name="week" checked="checked" value="weekRow2">
                不指定
            </div>
            <div class="line">
                <input type="radio" name="week" value="weekRow3">
                周期从星期
                <input class="numberspinner" style="width: 25px;" data-options="min:1,max:58" value="1"
                       id="weekStart_0">
                -
                <input class="numberspinner" style="width: 25px;" data-options="min:2,max:59" value="2"
                       id="weekEnd_0">
            </div>
            <div class="line">
                <input type="radio" name="week" value="weekRow4">
                从
                <input class="numberspinner" style="width: 25px;" data-options="min:1,max:5" value="1"
                       id="weekStart_1">
                周的星期
                <input class="numberspinner" style="width: 25px;" data-options="min:1,max:7" value="1"
                       id="weekEnd_1">
                开始
            </div>
            <div class="line">
                <input type="radio" name="week" id="week_appoint" value="weekRow5">
                指定
            </div>
            <div class="week-list">
                <input type="checkbox" disabled="disabled" value="1">01
                <input type="checkbox" disabled="disabled" value="2">02
                <input type="checkbox" disabled="disabled" value="3">03
                <input type="checkbox" disabled="disabled" value="4">04
                <input type="checkbox" disabled="disabled" value="5">05
                <input type="checkbox" disabled="disabled" value="6">06
                <input type="checkbox" disabled="disabled" value="7">07
            </div>
        </div>
        <div class="year-panel" style="display: none">
            <div class="line">
                <input type="radio" checked="checked" name="year" value="yearRow1">
                不指定 允许的通配符 [ * ] 非必填
            </div>
            <div class="line">
                <input type="radio" name="year" value="yearRow2">
                每年
            </div>
            <div class="line">
                <input type="radio" name="year" value="yearRow3">
                周期从
                <input class="numberspinner" style="width: 35px;" data-options="min:2018,max:3000" value="2018"
                       id="yearStart_0">
                年-
                <input class="numberspinner" style="width: 35px;" data-options="min:2019,max:3000" value="2019"
                       id="yearEnd_0">
                年
            </div>
        </div>
    </div>
</div>

<script>
    $("input[name='second']").on('click', function () {
        if (this.id === 'sencond_appoint') {
            $('input[type="checkbox"]').removeAttr("disabled");

        } else {
            $('input[type="checkbox"]').attr("disabled", "disabled");
        }
    })
    $("input[name='minute']").on('click', function () {
        if (this.id === 'minute_appoint') {
            $('input[type="checkbox"]').removeAttr("disabled");

        } else {
            $('input[type="checkbox"]').attr("disabled", "disabled");
        }
    })
    $("input[name='hour']").on('click', function () {
        if (this.id === 'hour_appoint') {
            $('input[type="checkbox"]').removeAttr("disabled");

        } else {
            $('input[type="checkbox"]').attr("disabled", "disabled");
        }
    })
    $("input[name='day']").on('click', function () {
        if (this.id === 'day_appoint') {
            $('input[type="checkbox"]').removeAttr("disabled");

        } else {
            $('input[type="checkbox"]').attr("disabled", "disabled");
        }
    })
    $("input[name='week']").on('click', function () {
        if (this.id === 'week_appoint') {
            $('input[type="checkbox"]').removeAttr("disabled");

        } else {
            $('input[type="checkbox"]').attr("disabled", "disabled");
        }
    })
    $("input[name='month']").on('click', function () {
        if (this.id === 'month_appoint') {
            $('input[type="checkbox"]').removeAttr("disabled");

        } else {
            $('input[type="checkbox"]').attr("disabled", "disabled");
        }
    })

    $('#addButton').on('click', () => {
        let secondValue = '';
        let minuteValue = '';
        let hourValue = '';
        let dayValue = '';
        let weekValue = '';
        let monthValue = '';
        let yearValue = '';
        let secondStr = $('input[name="second"]:checked').val();
        let minuteStr = $('input[name="minute"]:checked').val();
        let hourStr = $('input[name="hour"]:checked').val();
        let dayStr = $('input[name="day"]:checked').val();
        let weekStr = $('input[name="week"]:checked').val();
        let monthStr = $('input[name="month"]:checked').val();
        let yearStr = $('input[name="year"]:checked').val();
        if (secondStr === 'secondRow1') {
            secondValue = '*';
        } else if (secondStr === 'secondRow2') {
            secondValue = $('#secondStart_0').val() + '-' + $('#secondEnd_0').val();
        } else if (secondStr === 'secondRow3') {
            secondValue = $('#secondStart_1').val() + '/' + $('#secondEnd_1').val();
        } else if (secondStr === 'secondRow4') {
            let secondArr = []
            for (let i = 0; i < 60; i++) {
                let temp = $(`.second-list input[value=${i}]:checked`).val();
                if (temp !== undefined) {
                    secondArr.push(temp)
                }
            }
            secondValue = secondArr.toString();
        }

        if (minuteStr === 'minuteRow1') {
            minuteValue = '*';
        } else if (minuteStr === 'minuteRow2') {
            minuteValue = $('#minuteStart_0').val() + '-' + $('#minuteEnd_0').val();
        } else if (minuteStr === 'minuteRow3') {
            minuteValue = $('#minuteStart_1').val() + '/' + $('#minuteEnd_1').val();
        } else if (minuteStr === 'minuteRow4') {
            let minuteArr = []
            for (let i = 0; i < 60; i++) {
                let temp = $(`.minute-list input[value=${i}]:checked`).val();
                if (temp !== undefined) {
                    minuteArr.push(temp)
                }
            }
            minuteValue = minuteArr.toString();
        }

        if (hourStr === 'hourRow1') {
            hourValue = '*';
        } else if (hourStr === 'hourRow2') {
            hourValue = $('#hourStart_0').val() + '-' + $('#hourEnd_0').val();
        } else if (hourStr === 'hourRow3') {
            hourValue = $('#hourStart_1').val() + '/' + $('#hourEnd_1').val();
        } else if (hourStr === 'hourRow4') {
            let hourArr = []
            for (let i = 0; i < 24; i++) {
                let temp = $(`.hour-list input[value=${i}]:checked`).val();
                if (temp !== undefined) {
                    hourArr.push(temp)
                }
            }
            hourValue = hourArr.toString();
        }

        if (dayStr === 'dayRow1' || dayStr === 'dayRow2') {
            dayValue = '*';
        } else if (dayStr === 'dayRow3') {
            dayValue = $('#dayStart_0').val() + '-' + $('#dayEnd_0').val();
        } else if (dayStr === 'dayRow4') {
            dayValue = $('#dayStart_1').val() + '/' + $('#dayEnd_1').val();
        } else if (dayStr === 'dayRow5') {
            let dayArr = []
            for (let i = 1; i < 32; i++) {
                let temp = $(`.day-list input[value=${i}]:checked`).val();
                if (temp !== undefined) {
                    dayArr.push(temp)
                }
            }
            dayValue = dayArr.toString();
        }

        if (weekStr === 'weekRow1') {
            weekValue = '*';
        } else if (weekStr === 'weekRow2') {
            weekValue = '?'
        } else if (weekStr === 'weekRow3') {
            weekValue = $('#weekStart_0').val() + '-' + $('#weekEnd_0').val();
        } else if (weekStr === 'weekRow4') {
            weekValue = $('#weekStart_1').val() + '#' + $('#weekEnd_1').val();
        } else if (weekStr === 'weekRow5') {
            let weekArr = []
            for (let i = 1; i < 8; i++) {
                let temp = $(`.week-list input[value=${i}]:checked`).val();
                if (temp !== undefined) {
                    weekArr.push(temp)
                }
            }
            weekValue = weekArr.toString();
        }

        if (monthStr === 'monthRow1'||monthStr === 'monthRow2') {
            monthValue = '*';
        } else if (monthStr === 'monthRow3') {
            monthValue = $('#monthStart_0').val() + '-' + $('#monthEnd_0').val();
        } else if (monthStr === 'monthRow4') {
            monthValue = $('#monthStart_1').val() + '/' + $('#monthEnd_1').val();
        } else if (monthStr === 'monthRow5') {
            let monthArr = []
            for (let i = 1; i < 13; i++) {
                let temp = $(`.month-list input[value=${i}]:checked`).val();
                if (temp !== undefined) {
                    monthArr.push(temp)
                }
            }
            monthValue = monthArr.toString();
        }

        if (yearStr === 'yearRow1' || yearStr === 'yearRow2') {
            yearValue = '*';
        } else if (yearStr === 'yearRow3') {
            yearValue = $('#yearStart_0').val() + '-' + $('#yearEnd_0').val();
        }

        let cronValue = secondValue + ' ' + minuteValue + ' ' + hourValue + ' '
            + dayValue + ' ' + monthValue + ' ' + weekValue + ' ' + yearValue;
        $("input[name='taskCron']").val(cronValue);

        $('.chooseCron-layout-bg').hide();
        $('.chooseCron-container').hide();
    })
</script>