【Cron表达式】基于Vue2及Element的Cron时间表达式生成器

简介: 首先感谢两位开源作者的奉献(ldang264),(1615450788)以下代码功能项,全部基于这两个开源库所做的合集。并增加了部分功能项,删减了中英切换等

首先感谢两位开源作者的奉献(ldang264)(1615450788)以下代码功能项,全部基于这两个开源库所做的合集。并增加了部分功能项,删减了中英切换等

组件git地址 (Cron-component ) 。 直接下载拖到项目里。没打成npm包

特性

  • 🎉 全面支持cron:秒、分、时、日、月、周、年
  • 🎉 日及周条件互斥,自动改变响应值
  • 🎉 支持反解析cron表达式到UI
  • 🎉 可结合此组件与Antd的下拉及输入组件封装成下拉输入框

1.png

2.png

CRON 表达式是一个字符串,以 5 或 6 个空格隔开,分为 6 或 7 个域,每一个域代表一个含义。

CRON 有如下两种语法格式:

  • 秒 分 小时 日期 月份 星期 年
  • 秒 分 小时 日期 月份 星期

每个域允许的值

允许的数值 允许的特殊字符 备注
0~59 - * / -
0~59 - * / -
小时 0~23 - * / -
日期 1~31 - * ? / L W C -
月份 1~12 JAN-DEC - * / -
星期 1~7 SUN-SAT - * ? / L C # 1 表示星期天,2 表示星期一,依次类推
年(可选) 留空,1970~2099 , - * / 自动生成,工具不显示该值

示例

  • */5 * * * * ?:每隔 5 秒执行一次
  • 0 */1 * * * ?:每隔 1 分钟执行一次
  • 0 0 2 1 * ? *:每月 1 日的凌晨 2 点执行一次
  • 0 15 10 ? * MON-FRI:周一到周五每天上午 10:15 执行作业
  • 0 15 10 ? 6L 2002-2006:2002 年至 2006 年的每个月的最后一个星期五上午 10:15 执行作业
  • 0 0 23 * * ?:每天 23 点执行一次
  • 0 0 1 * * ?:每天凌晨 1 点执行一次
  • 0 0 1 1 * ?:每月 1 日凌晨 1 点执行一次
  • 0 0 23 L * ?:每月最后一天 23 点执行一次
  • 0 0 1 ? * L:每周星期天凌晨 1 点执行一次
  • 0 26,29,33 * * * ?:在 26 分、29 分、33 分执行一次
  • 0 0 0,13,18,21 * * ?:每天的 0 点、13 点、18 点、21 点都执行一次
  • 0 0 10,14,16 * * ?:每天上午 10 点,下午 2 点,4 点执行一次
  • 0 0/30 9-17 * * ?:朝九晚五工作时间内每半小时执行一次
  • 0 0 12 ? * WED:每个星期三中午 12 点执行一次
  • 0 0 12 * * ?:每天中午 12 点触发
  • 0 15 10 ? * *:每天上午 10:15 触发

内容同步更新到我的技术文档笔记

相关文章
|
4天前
|
Web App开发 资源调度 JavaScript
vue element plus 安装
vue element plus 安装
39 0
|
4天前
|
JavaScript API PHP
vue element plus 快速开始
vue element plus 快速开始
47 0
|
4天前
|
JavaScript
vue element plus Checkbox 多选框
vue element plus Checkbox 多选框
65 0
|
4天前
|
JavaScript 前端开发 数据安全/隐私保护
vue element plus Input 输入框
vue element plus Input 输入框
65 0
|
4天前
|
JavaScript
vue element plus Transfer 穿梭框
vue element plus Transfer 穿梭框
50 0
|
4天前
|
JavaScript
vue element plus Slider 滑块
vue element plus Slider 滑块
47 0
|
4天前
|
JavaScript
vue element plus 上传图片
vue element plus 上传图片
22 0
|
4天前
|
JavaScript
vue element plus TimeSelect 时间选择
vue element plus TimeSelect 时间选择
35 0
|
4天前
|
JavaScript
vue element plus Collapse 折叠面板
vue element plus Collapse 折叠面板
38 0
|
4天前
|
JavaScript
vue element plus Descriptions 描述列表
vue element plus Descriptions 描述列表
61 0