Cron-editor-react NPM

cron-editor-react

cron表达式生成工具 npm.io

Installation

npm i cron-editor-react --save

Usage

import CronEditor from 'cron-editor-react';

const handleCronChange = (cronExpression) => {
  console.log(cronExpression) //0 0 0 * * ?
}

<CronEditor 
    onChange={handleCronChange} 
    tabType="card" 
    showCrontab={false}
    value={'0 0 0 * * ?'}
 />

API

Prop	Description	Default
value	crontab表达式传值	0 0 0 * * ?
onChange	值改变触发	noop
showRunTime（待优化）	本地计算并展示最近五次的运行时间（未全面测试api，谨慎使用，通常由后端计算返回，也更合理，可作为备选方案。）	false
tabType	antd tab 页签的基本样式，可选 line、card editable-card 类型	'line'
showCrontab	是否显示crontab表达式input，目前通过input修改禁用	true

Keywords

cron、react、js

更新日志

1.0.1 (2020-04-03)

修复星期表达式从星期一为1的问题

1.0.0 (2020-03-27)

版本号重置，组件名称修改，以下作为存档

2.0.0 (2019-11-28)

新增 API:tabType、showCrontab

1.0.9 (2019-11-21)

业务需求修改

日：
不指定：‘日’不指定和‘周’不指定，有且仅有一个不指定
第一个值小于等于第二个值
周期：几日开始，每几天执行一次
本月最后一天，不能填，只能是最后一天
具体天数，默认第一天
月：
不指定：删掉
周期：第一个值小于等于第二个值
具体月数，默认第一月
星期：
不指定：‘日’不指定和‘周’不指定，有且仅有一个不指定
周期：第一个值小于等于第二个值
具体星期数：默认星期一