antd-cron-builder
1.1.2 • Public • Published
- npm install antd-cron-editor
- quick start
import React from 'react';
import CronEditor from 'antd-cron-editor';
const Test = () => {
const handleChange = (cronText) => {
console.log(cronText);
};
return <CronEditor onChange={handleChange} />;
};
export default Test;
import React from 'react';
import { Input } from 'antd';
import CronEditor from 'antd-cron-editor';
class Test extends React.Component {
state = {
value: '0-2 32,2 * * * ?',
inputText: '0-2 32,2 * * * ?',
};
handleChange = (cronText) => {
console.log(cronText);
this.setState({ value: cronText, inputText: cronText });
};
handleInputChange = ({ target: { value: inputText } }) => {
this.setState({ inputText });
};
handlePressEnter = ({ target: { value: inputText } }) => {
this.setState({ value: inputText, inputText });
};
render() {
const { value, inputText } = this.state;
return (
<div>
<Input onChange={this.handleInputChange} onPressEnter={this.handlePressEnter} value={inputText} />
<CronEditor onChange={this.handleChange} span={2} value={value} />
</div>
);
};
}
export default Test;
Package Sidebar
Install
Weekly Downloads