添加Quartz定时任务的Cron表达式前端Vue+ElementUI的表单输入方式

背景：Cron表达式难懂，前端可能一不小心就写错，基于这个背景

先看效果

 点ok

可以看到把下拉框选择的时间转化为了Cron表达式

怎么做的呢？注意：需要有一点Vue的基础

第一步、创建Vue组件名字为：timeCron.vue

第二步、在需要用到的组件中导入并注册

import timeCron from '@/components/Tool/timeCron'

注意：这里导入自己timeCron组件的位置

// 注册组件
components: {
  timeCron
},

 第三步：使用timeCron组件

handelCronChange函数

handelCronChange(StrCron, TimeCron) {
      this.Form.cronExpression = TimeCron
    }

this.Form.cronExpression为自己定义的data数据

handelCronChange函数有两个参数：分别为

每月,1号,14:52:36 和 36 52 14 1 * ?