antd的DatePicker日期选择框实现日期的回显与改变

• 核心就是让DatePicker的value属性的值变为受控
• 但是有一个缺点，必须要给一个默认时间(我这里用的当前时间)

代码如下

import React, { useState } from 'react'import moment from 'moment' // 引入moment.jsimport { DatePicker, Button } from 'antd'export default function Aaa() {// 获取当前时间的方法let getNowFormatDate = () => {//获取当前时间let date = new Date()let seperator1 = '-' //年月日之间的分隔let seperator2 = ':' //时分秒之间的分隔let month =date.getMonth() + 1 < 10? '0' + (date.getMonth() + 1): date.getMonth() + 1let strDate = date.getDate() < 10 ? '0' + date.getDate() : date.getDate()let strHours =date.getHours() < 10 ? '0' + date.getHours() : date.getHours()let strMinutes =date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()let strSeconds =date.getSeconds()  {setTime('2023-01-01 18:00:00')}const getTime = (_, time) => {setTime(time)}return (修改时间)}

效果如下