Antd 3.x Form表单校验并提供初始值默认值

Antd 3.x Form表单校验并提供初始值默认值

配合日期选择器使用

下面展示一些 内联代码片。

const [startValue, setStartValue] = useState(moment())

useEffect(()=>{
  queryInvoice()
},[])

const queryInvoice = () =>{
   queryInvoiceDate().then(res=>{
     if(res.success){
       // 2023-03-31 23:59:59
       const result = moment(res.resultInfo.substring(0, 10))
       setStartValue(result)
     }
   })
 }
 const onChange = (date, dateString) => {
   console.log(date, dateString);
   setStartValue(date)
 }
<Form.Item label='本月开票截至日期：' required >
            {getFieldDecorator('DatePicker',{
            initialValue:startValue,
            rules:[{required:true,message:'本月开票截至日期不能为空'}]
          })
              (<DatePicker
              value={startValue}
              disabledDate={disabledDate}
              onChange={onChange}
              disabled={!isEdit}
            />)}
          </Form.Item>