Cron 选择器

最新推荐文章于 2024-04-16 12:20:51 发布
最新推荐文章于 2024-04-16 12:20:51 发布
阅读量361 收藏 1
点赞数
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44272797/article/details/131926369
版权

在这里插入图片描述

// 定义一个名为 cron 的新组件
Vue.component('cron', {
    name: 'cron',
    props: ['data'],
    data() {
        return {
            second: {
                cronEvery: '',
                incrementStart: '3',
                incrementIncrement: '5',
                rangeStart: '',
                rangeEnd: '',
                specificSpecific: [],
            },
            minute: {
                cronEvery: '',
                incrementStart: '3',
                incrementIncrement: '5',
                rangeStart: '',
                rangeEnd: '',
                specificSpecific: [],
            },
            hour: {
                cronEvery: '',
                incrementStart: '3',
                incrementIncrement: '5',
                rangeStart: '',
                rangeEnd: '',
                specificSpecific: [],
            },
            day: {
                cronEvery: '',
                incrementStart: '1',
                incrementIncrement: '1',
                rangeStart: '',
                rangeEnd: '',
                specificSpecific: [],
                cronLastSpecificDomDay: 1,
                cronDaysBeforeEomMinus: '',
                cronDaysNearestWeekday: '',
            },
            week: {
                cronEvery: '',
                incrementStart: '1',
                incrementIncrement: '1',
                specificSpecific: [],
                cronNthDayDay: 1,
                cronNthDayNth: '1',
            },
            month: {
                cronEvery: '',
                incrementStart: '3',
                incrementIncrement: '5',
                rangeStart: '',
                rangeEnd: '',
                specificSpecific: [],
            },
            year: {
                cronEvery: '',
                incrementStart: '2017',
                incrementIncrement: '1',
                rangeStart: '',
                rangeEnd: '',
                specificSpecific: [],
            },
            output: {
                second: '',
                minute: '',
                hour: '',
                day: '',
                month: '',
                Week: '',
                year: '',
            }
        }
    },
    watch: {
        data() {
            this.rest(this.$data);
        }
    },
    computed: {
        text() {
            return {
                Seconds: {
                    name: "秒",
                    every: "每一秒钟",
                    interval: ["每隔", "秒执行 从", "秒开始"],
                    specific: "具体秒数(可多选)",
                    cycle: ["周期从", "到", "秒"]
                },
                Minutes: {
                    name: "分",
                    every: "每一分钟",
                    interval: ["每隔", "分执行 从", "分开始"],
                    specific: "具体分钟数(可多选)",
                    cycle: ["周期从", "到", "分"]
                },
                Hours: {
                    name: "时",
                    every: "每一小时",
                    interval: ["每隔", "小时执行 从", "小时开始"],
                    specific: "具体小时数(可多选)",
                    cycle: ["周期从", "到", "小时"]
                },
                Day: {
                    name: "天",
                    every: "每一天",
                    intervalWeek: ["每隔", "周执行 从", "开始"],
                    intervalDay: ["每隔", "天执行 从", "天开始"],
                    specificWeek: "具体星期几(可多选)",
                    specificDay: "具体天数(可多选)",
                    lastDay: "在这个月的最后一天",
                    lastWeekday: "在这个月的最后一个工作日",
                    lastWeek: ["在这个月的最后一个"],
                    beforeEndMonth: ["在本月底前", "天"],
                    nearestWeekday: ["最近的工作日（周一至周五）至本月", "日"],
                    someWeekday: ["在这个月的第", "个"]
                },
                Week: ["天", "一", "二", "三", "四", "五", "六"].map(function (e) {
                    return "星期" + e
                }),
                Month: {
                    name: "月",
                    every: "每一月",
                    interval: ["每隔", "月执行 从", "月开始"],
                    specific: "具体月数(可多选)",
                    cycle: ["从", "到", "月之间的每个月"]
                },
                Year: {
                    name: "年",
                    every: "每一年",
                    interval: ["每隔", "年执行 从", "年开始"],
                    specific: "具体年份(可多选)",
                    cycle: ["从", "到", "年之间的每一年"]
                },
                Save: "保存",
                Close: "关闭"
            }
        },
        secondsText() {
            let seconds = '';
            let cronEvery = this.second.cronEvery;
            switch (cronEvery.toString()) {
                case '1':
                    seconds = '*';
                    break;
                case '2':
                    seconds = this.second.incrementStart + '/' + this.second.incrementIncrement;
                    break;
                case '3':
                    this.second.specificSpecific.map(val => {
                        seconds += val + ','
                    });
                    seconds = seconds.slice(0, -1);
                    break;
                case '4':
                    seconds = this.second.rangeStart + '-' + this.second.rangeEnd;
                    break;
            }
            return seconds;
        },
        minutesText() {
            let minutes = '';
            let cronEvery = this.minute.cronEvery;
            switch (cronEvery.toString()) {
                case '1':
                    minutes = '*';
                    break;
                case '2':
                    minutes = this.minute.incrementStart + '/' + this.minute.incrementIncrement;
                    break;
                case '3':
                    this.minute.specificSpecific.map(val => {
                        minutes += val + ','
                    });
                    minutes = minutes.slice(0, -1);
                    break;
                case '4':
                    minutes = this.minute.rangeStart + '-' + this.minute.rangeEnd;
                    break;
            }
            return minutes;
        },
        hoursText() {
            let hours = '';
            let cronEvery = this.hour.cronEvery;
            switch (cronEvery.toString()) {
                case '1':
                    hours = '*';
                    break;
                case '2':
                    hours = this.hour.incrementStart + '/' + this.hour.incrementIncrement;
                    break;
                case '3':
                    this.hour.specificSpecific.map(val => {
                        hours += val + ','
                    });
                    hours = hours.slice(0, -1);
                    break;
                case '4':
                    hours = this.hour.rangeStart + '-' + this.hour.rangeEnd;
                    break;
            }
            return hours;
        },
        daysText() {
            let days = '';
            let cronEvery = this.day.cronEvery;
            switch (cronEvery.toString()) {
                case '1':
                    break;
                case '2':
                case '4':
                case '11':
                    days = '?';
                    break;
                case '3':
                    days = this.day.incrementStart + '/' + this.day.incrementIncrement;
                    break;
                case '5':
                    this.day.specificSpecific.map(val => {
                        days += val + ','
                    });
                    days = days.slice(0, -1);
                    break;
                case '6':
                    days = "L";
                    break;
                case '7':
                    days = "LW";
                    break;
                case '8':
                    days = this.day.cronLastSpecificDomDay + 'L';
                    break;
                case '9':
                    days = 'L-' + this.day.cronDaysBeforeEomMinus;
                    break;
                case '10':
                    days = this.day.cronDaysNearestWeekday + "W";
                    break
            }
            return days;
        },
        weeksText() {
            let weeks = '';
            let cronEvery = this.day.cronEvery;
            switch (cronEvery.toString()) {
                case '1':
                case '3':
                case '5':
                    weeks = '?';
                    break;
                case '2':
                    weeks = this.week.incrementStart + '/' + this.week.incrementIncrement;
                    break;
                case '4':
                    this.week.specificSpecific.map(val => {
                        weeks += val + ','
                    });
                    weeks = weeks.slice(0, -1);
                    break;
                case '6':
                case '7':
                case '8':
                case '9':
                case '10':
                    weeks = "?";
                    break;
                case '11':
                    weeks = this.week.cronNthDayDay + "#" + this.week.cronNthDayNth;
                    break;
            }
            return weeks;
        },
        monthsText() {
            let months = '';
            let cronEvery = this.month.cronEvery;
            switch (cronEvery.toString()) {
                case '1':
                    months = '*';
                    break;
                case '2':
                    months = this.month.incrementStart + '/' + this.month.incrementIncrement;
                    break;
                case '3':
                    this.month.specificSpecific.map(val => {
                        months += val + ','
                    });
                    months = months.slice(0, -1);
                    break;
                case '4':
                    months = this.month.rangeStart + '-' + this.month.rangeEnd;
                    break;
            }
            return months;
        },
        yearsText() {
            let years = '';
            let cronEvery = this.year.cronEvery;
            switch (cronEvery.toString()) {
                case '1':
                    years = '*';
                    break;
                case '2':
                    years = this.year.incrementStart + '/' + this.year.incrementIncrement;
                    break;
                case '3':
                    this.year.specificSpecific.map(val => {
                        years += val + ','
                    });
                    years = years.slice(0, -1);
                    break;
                case '4':
                    years = this.year.rangeStart + '-' + this.year.rangeEnd;
                    break;
            }
            return years;
        },
        cron() {
            return `${this.secondsText || '0'} ${this.minutesText || '0'} ${this.hoursText || '*'} ${this.daysText || '*'} ${this.monthsText || '*'} ${this.weeksText || '?'}`
        },
    },
    methods: {
        getValue() {
            return this.cron;
        }
        ,
        change() {
            this.$emit('change', this.cron);
            // this.close();
        }
        ,
        // close() {
        //     this.$emit('close')
        // }
        // ,
        rest(data) {
            for (let i in data) {
                if (data[i] instanceof Object) {
                    this.rest(data[i])
                } else {
                    switch (typeof data[i]) {
                        case 'object':
                            data[i] = [];
                            break;
                        case 'string':
                            data[i] = '';
                            break;
                    }
                }
            }
        }
    }
    ,
    watch:{
        cron(){
            this.change();
        }
    },
    mounted() {
        this.change();
    }
    ,
    template: `
    <div  >
        <el-tabs type="border-card">
<!--            <el-tab-pane>-->
<!--                <span slot="label"><i class="el-icon-date"></i> {{text.Seconds.name}}</span>-->
<!--                <div class="tabBody">-->
<!--                    <el-row>-->
<!--                        <el-radio v-model="second.cronEvery" label="1">{{text.Seconds.every}}</el-radio>-->
<!--                    </el-row>-->
<!--                    <el-row>-->
<!--                        <el-radio v-model="second.cronEvery" label="2">{{text.Seconds.interval[0]}}-->
<!--                            <el-input-number size="small" v-model="second.incrementIncrement" :min="1" :max="60"></el-input-number>-->
<!--                            {{text.Seconds.interval[1]||''}}-->
<!--                            <el-input-number size="small" v-model="second.incrementStart" :min="0" :max="59"></el-input-number>-->
<!--                            {{text.Seconds.interval[2]||''}}-->
<!--                        </el-radio>-->
<!--                    </el-row>-->
<!--                    <el-row>-->
<!--                        <el-radio class="long" v-model="second.cronEvery" label="3">{{text.Seconds.specific}}-->
<!--                            <el-select size="small" multiple v-model="second.specificSpecific">-->
<!--                                <el-option v-for="val in 60"  :value="val-1">{{val-1}}</el-option>-->
<!--                            </el-select>-->
<!--                        </el-radio>-->
<!--                    </el-row>-->
<!--                    <el-row>-->
<!--                        <el-radio v-model="second.cronEvery" label="4">{{text.Seconds.cycle[0]}}-->
<!--                            <el-input-number size="small" v-model="second.rangeStart" :min="1" :max="60"></el-input-number>-->
<!--                            {{text.Seconds.cycle[1]||''}}-->
<!--                            <el-input-number size="small" v-model="second.rangeEnd" :min="0" :max="59"></el-input-number>-->
<!--                            {{text.Seconds.cycle[2]||''}}-->
<!--                        </el-radio>-->
<!--                    </el-row>-->
<!--                </div>-->
<!--            </el-tab-pane>-->
<!--            <el-tab-pane>-->
<!--                <span slot="label"><i class="el-icon-date"></i> {{text.Minutes.name}}</span>-->
<!--                <div class="tabBody">-->
<!--                    <el-row>-->
<!--                        <el-radio v-model="minute.cronEvery" label="1">{{text.Minutes.every}}</el-radio>-->
<!--                    </el-row>-->
<!--                    <el-row>-->
<!--                        <el-radio v-model="minute.cronEvery" label="2">{{text.Minutes.interval[0]}}-->
<!--                            <el-input-number size="small" v-model="minute.incrementIncrement" :min="1" :max="60"></el-input-number>-->
<!--                            {{text.Minutes.interval[1]}}-->
<!--                            <el-input-number size="small" v-model="minute.incrementStart" :min="0" :max="59"></el-input-number>-->
<!--                            {{text.Minutes.interval[2]||''}}-->
<!--                        </el-radio>-->
<!--                    </el-row>-->
<!--                    <el-row>-->
<!--                        <el-radio class="long" v-model="minute.cronEvery" label="3">{{text.Minutes.specific}}-->
<!--                            <el-select size="small" multiple v-model="minute.specificSpecific">-->
<!--                                <el-option v-for="val in 60"  :value="val-1">{{val-1}}</el-option>-->
<!--                            </el-select>-->
<!--                        </el-radio>-->
<!--                    </el-row>-->
<!--                    <el-row>-->
<!--                        <el-radio v-model="minute.cronEvery" label="4">{{text.Minutes.cycle[0]}}-->
<!--                            <el-input-number size="small" v-model="minute.rangeStart" :min="1" :max="60"></el-input-number>-->
<!--                            {{text.Minutes.cycle[1]}}-->
<!--                            <el-input-number size="small" v-model="minute.rangeEnd" :min="0" :max="59"></el-input-number>-->
<!--                            {{text.Minutes.cycle[2]}}-->
<!--                        </el-radio>-->
<!--                    </el-row>-->
<!--                </div>-->
<!--            </el-tab-pane>-->
            <el-tab-pane>
                <span slot="label"><i class="el-icon-date"></i> {{text.Hours.name}}</span>
                <div class="tabBody">
                    <el-row>
                        <el-radio v-model="hour.cronEvery" label="1">{{text.Hours.every}}</el-radio>
                    </el-row>
                    <el-row>
                        <el-radio v-model="hour.cronEvery" label="2">{{text.Hours.interval[0]}}
                            <el-input-number size="small" v-model="hour.incrementIncrement" :min="0" :max="23"></el-input-number>
                            {{text.Hours.interval[1]}}
                            <el-input-number size="small" v-model="hour.incrementStart" :min="0" :max="23"></el-input-number>
                            {{text.Hours.interval[2]}}
                        </el-radio>
                    </el-row>
                    <el-row>
                        <el-radio class="long" v-model="hour.cronEvery" label="3">{{text.Hours.specific}}
                            <el-select size="small" multiple v-model="hour.specificSpecific">
                                <el-option v-for="val in 24"  :value="val-1">{{val-1}}</el-option>
                            </el-select>
                        </el-radio>
                    </el-row>
                    <el-row>
                        <el-radio v-model="hour.cronEvery" label="4">{{text.Hours.cycle[0]}}
                            <el-input-number size="small" v-model="hour.rangeStart" :min="0" :max="23"></el-input-number>
                            {{text.Hours.cycle[1]}}
                            <el-input-number size="small" v-model="hour.rangeEnd" :min="0" :max="23"></el-input-number>
                            {{text.Hours.cycle[2]}}
                        </el-radio>
                    </el-row>
                </div>
            </el-tab-pane>
            <el-tab-pane>
                <span slot="label"><i class="el-icon-date"></i> {{text.Day.name}}</span>
                <div class="tabBody">
                    <el-row>
                        <el-radio v-model="day.cronEvery" label="1">{{text.Day.every}}</el-radio>
                    </el-row>
                    <el-row>
                        <el-radio v-model="day.cronEvery" label="2">{{text.Day.intervalWeek[0]}}
                            <el-input-number size="small" v-model="week.incrementIncrement" :min="1" :max="7"></el-input-number>
                            {{text.Day.intervalWeek[1]}}
                            <el-select size="small" v-model="week.incrementStart">
                                <el-option v-for="val in 7"  :label="text.Week[val-1]" :value="val"></el-option>
                            </el-select>
                            {{text.Day.intervalWeek[2]}}
                        </el-radio>
                    </el-row>
                    <el-row>
                        <el-radio v-model="day.cronEvery" label="3">{{text.Day.intervalDay[0]}}
                            <el-input-number size="small" v-model="day.incrementIncrement" :min="1" :max="31"></el-input-number>
                            {{text.Day.intervalDay[1]}}
                            <el-input-number size="small" v-model="day.incrementStart" :min="1" :max="31"></el-input-number>
                            {{text.Day.intervalDay[2]}}
                        </el-radio>
                    </el-row>
                    <el-row>
                        <el-radio class="long" v-model="day.cronEvery" label="4">{{text.Day.specificWeek}}
                            <el-select size="small" multiple v-model="week.specificSpecific">
                                <el-option v-for="val in 7"
                                           :label="text.Week[val-1]"
                                           :value="['SUN','MON','TUE','WED','THU','FRI','SAT'][val-1]"
                                ></el-option>
                            </el-select>
                        </el-radio>
                    </el-row>
                    <el-row>
                        <el-radio class="long" v-model="day.cronEvery" label="5">{{text.Day.specificDay}}
                            <el-select size="small" multiple v-model="day.specificSpecific">
                                <el-option v-for="val in 31"  :value="val">{{val}}</el-option>
                            </el-select>
                        </el-radio>
                    </el-row>
                    <el-row>
                        <el-radio v-model="day.cronEvery" label="6">{{text.Day.lastDay}}</el-radio>
                    </el-row>
                    <el-row>
                        <el-radio v-model="day.cronEvery" label="7">{{text.Day.lastWeekday}}</el-radio>
                    </el-row>
                    <el-row>
                        <el-radio v-model="day.cronEvery" label="8">{{text.Day.lastWeek[0]}}
                            <el-select size="small" v-model="day.cronLastSpecificDomDay">
                                <el-option v-for="val in 7"  :label="text.Week[val-1]" :value="val"></el-option>
                            </el-select>
                            {{text.Day.lastWeek[1]||''}}
                        </el-radio>
                    </el-row>
                    <el-row>
                        <el-radio v-model="day.cronEvery" label="9">
                            <el-input-number size="small" v-model="day.cronDaysBeforeEomMinus" :min="1" :max="31"></el-input-number>
                            {{text.Day.beforeEndMonth[0]}}
                        </el-radio>
                    </el-row>
                    <el-row>
                        <el-radio v-model="day.cronEvery" label="10">{{text.Day.nearestWeekday[0]}}
                            <el-input-number size="small" v-model="day.cronDaysNearestWeekday" :min="1" :max="31"></el-input-number>
                            {{text.Day.nearestWeekday[1]}}
                        </el-radio>
                    </el-row>
                    <el-row>
                        <el-radio v-model="day.cronEvery" label="11">{{text.Day.someWeekday[0]}}
                            <el-input-number size="small" v-model="week.cronNthDayNth" :min="1" :max="5"></el-input-number>
                            <el-select size="small" v-model="week.cronNthDayDay">
                                <el-option v-for="val in 7" :label="text.Week[val-1]" :value="val"></el-option>
                            </el-select>
                            {{text.Day.someWeekday[1]}}
                        </el-radio>
                    </el-row>
                </div>
            </el-tab-pane>
            <el-tab-pane>
                <span slot="label"><i class="el-icon-date"></i> {{text.Month.name}}</span>
                <div class="tabBody">
                    <el-row>
                        <el-radio v-model="month.cronEvery" label="1">{{text.Month.every}}</el-radio>
                    </el-row>
                    <el-row>
                        <el-radio v-model="month.cronEvery" label="2">{{text.Month.interval[0]}}
                            <el-input-number size="small" v-model="month.incrementIncrement" :min="0" :max="12"></el-input-number>
                            {{text.Month.interval[1]}}
                            <el-input-number size="small" v-model="month.incrementStart" :min="0" :max="12"></el-input-number>
                        </el-radio>
                    </el-row>
                    <el-row>
                        <el-radio class="long" v-model="month.cronEvery" label="3">{{text.Month.specific}}
                            <el-select size="small" multiple v-model="month.specificSpecific">
                                <el-option v-for="val in 12"  :label="val" :value="val"></el-option>
                            </el-select>
                        </el-radio>
                    </el-row>
                    <el-row>
                        <el-radio v-model="month.cronEvery" label="4">{{text.Month.cycle[0]}}
                            <el-input-number size="small" v-model="month.rangeStart" :min="1" :max="12"></el-input-number>
                            {{text.Month.cycle[1]}}
                            <el-input-number size="small" v-model="month.rangeEnd" :min="1" :max="12"></el-input-number>
                        </el-radio>
                    </el-row>
                </div>
            </el-tab-pane>
<!--            <el-tab-pane>-->
<!--                <span slot="label"><i class="el-icon-date"></i> {{text.Year.name}}</span>-->
<!--                <div class="tabBody">-->
<!--                    <el-row>-->
<!--                        <el-radio v-model="year.cronEvery" label="1">{{text.Year.every}}</el-radio>-->
<!--                    </el-row>-->
<!--                    <el-row>-->
<!--                        <el-radio v-model="year.cronEvery" label="2">{{text.Year.interval[0]}}-->
<!--                            <el-input-number size="small" v-model="year.incrementIncrement" :min="1" :max="99"></el-input-number>-->
<!--                            {{text.Year.interval[1]}}-->
<!--                            <el-input-number size="small" v-model="year.incrementStart" :min="2018" :max="2118"></el-input-number>-->
<!--                        </el-radio>-->
<!--                    </el-row>-->
<!--                    <el-row>-->
<!--                        <el-radio class="long" v-model="year.cronEvery" label="3">{{text.Year.specific}}-->
<!--                            <el-select size="small" filterable multiple v-model="year.specificSpecific">-->
<!--                                <el-option v-for="val in 100" :label="2017+val" :value="2017+val"></el-option>-->
<!--                            </el-select>-->
<!--                        </el-radio>-->
<!--                    </el-row>-->
<!--                    <el-row>-->
<!--                        <el-radio v-model="year.cronEvery" label="4">{{text.Year.cycle[0]}}-->
<!--                            <el-input-number size="small" v-model="year.rangeStart"  :min="2018" :max="2118"></el-input-number>-->
<!--                            {{text.Year.cycle[1]}}-->
<!--                            <el-input-number size="small" v-model="year.rangeEnd"  :min="2018" :max="2118"></el-input-number>-->
<!--                        </el-radio>-->
<!--                    </el-row>-->
<!--                </div>-->
<!--            </el-tab-pane>-->
        </el-tabs>
        <div class="bottom">
            <div class="value">表达式：{{this.cron}}</div>
<!--            <ResultDisplay style="border: 1px solid #DCDFE6;padding:15px;margin-bottom: 10px;margin-top: 10px;" :ex="this.cron"></ResultDisplay>-->
<!--            <el-button type="primary" @click="change">{{text.Save}}</el-button>-->
<!--            <el-button type="primary" @click="close">{{text.Close}}</el-button>-->
        </div>
    </div>
    `,
    // components: {
    //     ResultDisplay
    // }
})

    /**
     * @Description 推算cron最近五次运行时间
     * @Param cron
     * @Return com.tianqiauto.base.model.AjaxResult
     * @Author wjx
     * @Date 2023/4/18 16:36
     **/
    @GetMapping("/tuiSuanCron")
    public AjaxResult tuiSuanCron(String cron){
        if (!CronSequenceGenerator.isValidExpression(cron)){
            return AjaxResult.getInstance().setSuccessChain(false).setMessageChain("无效表达式:" + cron);
        }
        ArrayList<String> strings = null;
        try {
            CronSequenceGenerator cronSequenceGenerator = new CronSequenceGenerator(cron);
            Date next = new Date();
            SimpleDateFormat simpleDateFormat = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
            strings = new ArrayList<>();
            for (int i = 0; i < 5; i++) {
                next = cronSequenceGenerator.next(next);
                if (next != null){
                    String date = simpleDateFormat.format(next);
                    strings.add(date);
                }else {
                    break;
                }
            }
        } catch (Exception e) {
            return AjaxResult.getInstance().setSuccessChain(false).setMessageChain("表达式解析发生错误！");
        }
        return AjaxResult.getInstance().setSuccessChain(true).setDataChain(strings);
    }
Floruit_Show
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Cron表达式选择器JS插件
03-13
基于BootStrap简洁美观Cron表达式选择器JS插件，只需要在项目中将JS文件导入和基本的BootStrap控件就可以运行，具体可看里面的demo.html
基于BootStrap简洁美观Cron表达式选择器JS插件
01-31
基于BootStrap简洁美观Cron表达式选择器JS插件，只需要在项目中将JS文件导入和基本的BootStrap控件就可以运行，具体可看里面的demo.html
一篇文章带你了解webscraper爬虫插件
pdcfighting的博客
04-21 572
点击上方“Python爬虫与数据挖掘”，进行关注回复“书籍”即可获赠Python从入门到进阶共10本电子书今日鸡汤夜阑卧听风吹雨，铁马冰河入梦来。神秘的工具到底是啥？ 最近看到很多...
把时间选择器的 日期格式 改为 CRON
ZXH0122的博客
05-10 145
日期格式 改为 CRON
基于Jquery实现一个cron表达式选择器，分享我在Python开发中走的一些弯路
2401_83977705的博客
03-31 817
Python崛起并且风靡，因为优点多、应用领域广、被大牛们认可。学习 Python 门槛很低，但它的晋级路线很多，通过它你能进入机器学习、数据挖掘、大数据，CS等更加高级的领域。Python可以做网络应用，可以做科学计算，数据分析，可以做网络爬虫，可以做机器学习、自然语言处理、可以写游戏、可以做桌面应用…Python可以做的很多，你需要学好基础，再选择明确的方向。这里给大家分享一份全套的 Python 学习资料，给那些想学习 Python 的小伙伴们一点帮助！
Cron前端生成工具
08-01
1. **时间选择器**：用户可以通过直观的下拉菜单或滑块选择每个小时段的具体值，避免手动输入Cron表达式时可能出现的错误。 2. **实时预览**：用户在调整时间设置时，工具会立即显示对应的Cron表达式，方便校验和...
cron表达式cron生成器
12-05
使用cron生成器，用户可以通过图形化界面选择需要的时间间隔，生成对应的cron表达式。通常，这样的工具会提供日历视图、下拉菜单等直观方式来选择时间参数，避免了手动输入和错误的可能性。 对于开发者来说，理解并...
cron表达式生成器.net版
08-15
1. **生成表达式**：用户可以通过选择各个时间字段的值来生成cron表达式。例如，如果想要设定一个每月第一天的凌晨1点执行的任务，生成器会提供对应的cron表达式，如"0 0 1 * 1 ? *"。 2. **验证表达式**：输入的...
基于Jquery实现一个cron表达式选择器
qq_35488769的博客
06-06 3264
(function($){ if(!$){ throw 'cron-selector : JQuery is needed' } var timeTypes = ['second','minute','hour','day','month','week','year'], timeNames = ['秒','分','时','日/月','月','日/...
vue-cron 基于Vue的Cron表达式组件
Try_your_best_l的博客
04-29 7351
vue-cron 插件的使用 最近项目中用到这个，然后自己找了一些插件，发现还是这个好用，也兼容vue,记录一下！ 插件安装 npm install vue-cron 插件全局引用 此处配合element-ui使用 import Vue from 'vue' import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css' Vue.use(ElementUI); //全局引入 import VueCron
Cron表达式插件
06-13
自己幸幸苦苦扣出来的，还望好评。程序猿何必为难程序猿
cron表达式生成器（web版）
05-25
此表达式生成器，可以直接打开，可以应用到自己的web页面
js实现调度器cron
04-02
备份。cronDen.js调度器使用的cron。HTML包含在js代码。。。。。。。。。。。。。。。。
easyui前台页面可选择生成quartz corn表达式
02-27
可以利用servlet easyui quartz 实现动态更改执行过程的job corn表达式。
Cron表达式选择器
程序员们必读的博客，涵盖IT技术、编程经验等领域。
02-18 317
Cron表达式选择器是用于定时任务调度的一种常见工具，通常用于指定任务的执行时间。Cron表达式由一系列时间单位和对应的时间值组成，用于指定任务的执行时间。下面是一个Cron表达式的示例这个表达式的含义是每天中午12点执行任务。Cron表达式的格式如下?通过组合这些时间单位和时间值，可以创建不同的Cron表达式，以满足不同的任务调度需求。
基于Jquery实现一个cron表达式选择器，2024年最新头条技术面试总共几轮
最新发布
m0_61043185的博客
04-16 428
这是我花了几天的时间去把Python所有方向的技术点做的整理，形成各个领域的知识点汇总，它的用处就在于，你可以按照上面的知识点去找对应的学习资源，保证自己学得较为全面。’ 从'+typeName+‘开始,\n’ +
Androin 常用组件下拉框日期选择器、时间选择器、RadioButton、CheckBox使用
牵手生活
12-25 1385
创建LearnComponents 在资源Values目录的Strings.xml中添加代码 string name="select_country">选择国家string> string-array name="country_names">     item>意大利item>     item>波兰item>
前端Cron控件：Vue中使用Cron选择器
热门推荐
沛哥儿的专栏
09-29 1万+
前尘往事 用过定时器的都知道。 需要手动配置cron的执行策略。 一般还好，要是遇到了需要修改的话。就要重启服务了。 对于这种情况，一般的情况下，都是在前端使用对应的页面进行配置。 cron表达式说实话，不是很好懂。 而且格式也是固定的。 好兄弟 那么有没有好用的第三方的开源控件可以帮忙呢？ 实话告诉你吧。 是有的。那就是Vue-cron。 vue-cron的可以很好的傻瓜的方式来进行cron的配置。 （看到这里，是不是觉得程序员可以下班了） 直接上图。 项目文件地址： ...
html&css的简单了解
m0_50496669的博客
09-07 1240
html&css html： 常用的标签： div、p、ul li、ol li、h1-h6、a、span、b、u、i、input（属性text、number、password、radio、checkbox、submit、reset）、form、select>option、textarea h5(新标签）：header、nav、footer、main、section、video、audio、input（color、range、week、date） 标签的分类： 单双标签：单标签没有与之对
html cron 表达式选择
09-08
HTML cron 表达式选择是针对定时任务的一种选择机制。在编写定时任务时，可以使用cron表达式来指定任务的执行时间和频率。cron表达式是一种时间表达方式，它由6个字段组成，分别表示秒、分、时、日期、月份和星期。可以根据具体需求编写不同的cron表达式。 在HTML中选择cron表达式可以借助一些插件或工具。例如，一些前端库或框架提供了对cron表达式的支持，可以通过调用相应的API来选择和设置cron表达式。此外，还可以通过一些在线cron表达式生成工具，用户可以通过填写相应的表单或拖拽选择器来生成cron表达式。 在选择cron表达式时，需要根据具体的任务需求来确定。根据不同的字段设置，可以实现不同的任务触发时间和周期。例如，如果需要每天早上6点执行任务，可以设置"0 0 6 * * ?"的cron表达式；如果要求每月25日上午10点执行任务，可以设置"0 0 10 25 * ?"的cron表达式。可以根据实际需求进行灵活的设置。同时，还需要注意cron表达式的正确性和合法性，避免设定不合理的表达式导致任务无法正常执行或执行频率不符合预期。 总而言之，HTML cron 表达式选择可以通过插件、库或在线工具来实现。在选择表达式时，需要根据任务需求来确定具体的设定，保证表达式的正确性和合法性。这样可以确保定时任务按照预期的时间和频率正常执行。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值