Antd 日期选择器掩码

Question

我在我的网站上使用ANTD Datepicker，效果很好。但我想补充一点mask或类似的功能，以便用户可以使用键盘轻松输入日期和时间。

\n\n

这是我目前的状态：Codepen。例如，您可以输入 \xe2\x80\x9chello, how are you\xe2\x80\x9d 但我只想接受以下格式的数字：YYYY-MM-DD HH:mm:ss。我想我需要类似的东西Datepicker Mask。

\n\n

const { DatePicker } = antd;\nconst { RangePicker } = DatePicker;\n\nmoment.tz.setDefault("America/New_York");\n\nfunction onChange(value, dateString) {\n  console.log(\'Selected Time: \', value);\n  console.log(\'Formatted Selected Time: \', dateString);\n}\n\nfunction onOk(value) {\n  console.log(\'onOk: \', value);\n}\n\nReactDOM.render(\n  <div>\n    <DatePicker\n      showTime\n      format="YYYY-MM-DD HH:mm:ss"\n      placeholder="Select Time"\n      onChange={onChange}\n      onOk={onOk}\n    />\n  </div>\n, mountNode);`\n

\n