import React, { useState } from 'react'; import { DatePicker } from 'antd'; import moment, { Moment } from 'moment';

interface Props { value?: string; onChange?: (date: string) => void; }

const MyDatePicker: React.FC = ({ value, onChange }) => { const [date, setDate] = useState<Moment | null>();

// 将字符串转换为Moment对象 const momentDate = value ? moment(value, 'YYYY-MM-DD') : undefined;

// 处理日期选择器改变事件 const handleDateChange = (date: Moment | null, dateString: string) => { setDate(date); if (onChange) { onChange(dateString); } };

return ( ); };

export default MyDatePicker;

基于react的ant design写一个tsx组件,要求写DatePicker的,让其的value,可以接收字符串,原来只能接收Moment,需要做个转换

原文地址: https://www.cveoy.top/t/topic/tNU 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录