在线预览-生成cron表达式

https://mkgrow.github.io/cron-react/#/

介绍

1、根据选择的类型快捷生成cron表达式
2、自定义生成cron表达式

使用

import React, { useState } from 'react';
import { Space } from 'antd';
import Cron from 'cron-react';

export default () => {
  const [value, setValue] = useState(null);
  
  return (
    <Space direction='vertical' style={{width: '100%'}}>
      <Cron defaultType='customize' value={value} onChange={setValue} />
      <div>{value}</div>
    </Space>
  )
};

预览

自定义

image.png

日

image.png

周

image.png

月

image.png