js封装公用组件_基于Vue.js和iviewui封装一个crontab表达式的组件

介绍

Cron表达式看则简单,但是实际上如果手写的话,非常容易出错的,而且很难及时发现,而easy-cron就是为此应运而生的。

easy-cron是基于Vue.js和iview实现crontab表达式的UI组件,支持多种特性,可以方便、快捷直观地定义cron表达式,并支持给定开始时间后的执行时间点,方便排除错误。

本工程包括测试代码,和vue原始文件。

js封装公用组件_基于Vue.js和iviewui封装一个crontab表达式的组件_第1张图片
js封装公用组件_基于Vue.js和iviewui封装一个crontab表达式的组件_第2张图片
js封装公用组件_基于Vue.js和iviewui封装一个crontab表达式的组件_第3张图片
js封装公用组件_基于Vue.js和iviewui封装一个crontab表达式的组件_第4张图片

软件特性

支持特性:

  • 纯js代码实现,可以方便和其他iview&vue.js项目无缝接入。
  • v-model双向数据绑定
  • 多种crontab表达式,可以支持到参数年
  • cron表达式校验器validator
  • 提供easy-cron原始界面组件,方便开发者自己封装
  • 默认提供input-cron输入组件,开发者可以直接使用,内置validator校验
  • 纯js模拟cron表达式的执行触发时间点列表
  • 可以指定开始之后,观察cron表达式触发执行时间点

依赖组件列表:

  • iview-3.3.3
  • vue.js-2.5.2
  • cron-parser-2.10.0
项目代码:https://gitee.com/toktok/easy-cron

你可能感兴趣的:(js封装公用组件)