在線預(yù)覽-生成cron表達(dá)式

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

介紹

1、根據(jù)選擇的類型快捷生成cron表達(dá)式
2、自定義生成cron表達(dá)式

使用

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>
  )
};

預(yù)覽

自定義

image.png

日

image.png

周

image.png

月

image.png