0
点赞
收藏
分享

微信扫一扫

react自定义DatePicker字符串传值

you的日常 2022-05-04 阅读 80

出处: https://github.com/ant-design/ant-design/issues/22185
自定义DatePicker

<CustomDatePicker 
	value="2022-04-15 00:00:00"
	format="yyyy-MM-DD HH:mm:ss"/>

赋值可用moment格式字符串
写好format格式,取值自动格式化为此格式字符串

import React from 'react';
import moment from "moment";
import { DatePicker } from 'antd';

const CustomDatePicker = props => {
  const {value, onChange, ...other} = props;
  const time = value ? moment(value) : null;
  const triggerChange = (_, dateStr) => {
    onChange && onChange(dateStr);
  };

  return (
    <DatePicker
      defaultValue={time}
      onChange={triggerChange}
      {...other}
    />
  )
};

export default CustomDatePicker;
举报

相关推荐

0 条评论