Antd Datepicker面膜

时间:2018-08-16 05:44:36

标签: javascript datepicker calendar mask antd

我正在网站上使用ANTD Datepicker,效果很好。但是我想添加mask或类似功能,以便用户可以使用键盘轻松输入日期和时间。

这是我当前的状态:Codepen。例如,您可以键入“你好,你好吗”,但我只接受以下格式的数字:YYYY-MM-DD HH:mm:ss。我认为我需要类似于Datepicker Mask的东西。

const { DatePicker } = antd;
const { RangePicker } = DatePicker;

moment.tz.setDefault("America/New_York");

function onChange(value, dateString) {
  console.log('Selected Time: ', value);
  console.log('Formatted Selected Time: ', dateString);
}

function onOk(value) {
  console.log('onOk: ', value);
}

ReactDOM.render(
  <div>
    <DatePicker
      showTime
      format="YYYY-MM-DD HH:mm:ss"
      placeholder="Select Time"
      onChange={onChange}
      onOk={onOk}
    />
  </div>
, mountNode);`

0 个答案:

没有答案