Reactjs Antd Date：如何在时刻js中设置有效的空日期

我在项目中使用ANTD（），ANTD与其他组件配合得很好，而我在使用DatePicker（）时遇到了问题。 DatePicker使用矩（）

最初在表单中，我希望所有字段都带有占位符，一旦用户填写表单，就会显示给他/她。添加后，用户可以编辑其数据

设置数据工作正常，但我无法将日期字段最初设置为空，以便向用户显示带有占位符的字段

我正在将日期字段设置为

initialValue: moment(null) => invalid date
initialValue: moment('') => invalid date
initialValue: moment(undefined) => current date // i don't want current date i want empty (to show the placeholder instead)

当我在设置日期的同时选择用户时，它工作得非常好

 initialValue: moment(userSelectedDate) =>  user selected date

---

将

状态中的初始值设置为
未定义
，并将初始值分配给
日期选择器的
属性。
请尝试以下代码：

import React from 'react';
import ReactDOM from 'react-dom';
import 'antd/dist/antd.css';
import './index.css';
import { DatePicker } from 'antd';

const dateFormat = 'YYYY/MM/DD';
const initialValue=undefined; // this initial value should be in state

ReactDOM.render(
  <div>
    <Form.Item >
      {getFieldDecorator('password', {
        rules: [{ required: true, message: 'Please input your Password!' }],
        initialValue:initialValue
      })(
        <DatePicker
      placeholder="please add date"
     format={dateFormat}
/>
      )}
    </Form.Item>

    <br />

  </div>,
  document.getElementById('container'),
);

从“React”导入React；
从“react dom”导入react dom；
导入“antd/dist/antd.css”；
导入“./index.css”；
从“antd”导入{DatePicker}；
const dateFormat='YYYY/MM/DD'；
常量initialValue=未定义；//此初始值应处于状态
ReactDOM.render(
{getFieldDecorator（'密码'{
规则：[{required:true，消息：'请输入您的密码！'}]，
initialValue:initialValue
})(
)}


,
document.getElementById（'container'），
);
将
状态下的初始值设置为
未定义
，并将初始值分配给
日期选择器的
属性。
请尝试以下代码：

import React from 'react';
import ReactDOM from 'react-dom';
import 'antd/dist/antd.css';
import './index.css';
import { DatePicker } from 'antd';

const dateFormat = 'YYYY/MM/DD';
const initialValue=undefined; // this initial value should be in state

ReactDOM.render(
  <div>
    <Form.Item >
      {getFieldDecorator('password', {
        rules: [{ required: true, message: 'Please input your Password!' }],
        initialValue:initialValue
      })(
        <DatePicker
      placeholder="please add date"
     format={dateFormat}
/>
      )}
    </Form.Item>

    <br />

  </div>,
  document.getElementById('container'),
);

从“React”导入React；
从“react dom”导入react dom；
导入“antd/dist/antd.css”；
导入“./index.css”；
从“antd”导入{DatePicker}；
const dateFormat='YYYY/MM/DD'；
常量initialValue=未定义；//此初始值应处于状态
ReactDOM.render(
{getFieldDecorator（'密码'{
规则：[{required:true，消息：'请输入您的密码！'}]，
initialValue:initialValue
})(
)}


,
document.getElementById（'container'），
);

在输入标记中，值={getDateFormat（值）}

在您的输入标记value={getDateFormat（value）}
中，这对我很有效

              <Space direction="horizontal">
            <DatePicker
              value={formik.values.next_reminder_date
                ? moment(formik.values.next_reminder_date) : undefined}
              placeholder="Next Reminder Date"
              name="next_reminder_date"
              onChange={(date) => {
                const isoDate = date?.toISOString();
                formik.setFieldValue('next_reminder_date', isoDate);
              }}
            />
          </Space>


{
const isoDate=date？.toISOString（）；
formik.setFieldValue（“下一个提醒日期”，isoDate）；
}}
/>
这对我很有效

              <Space direction="horizontal">
            <DatePicker
              value={formik.values.next_reminder_date
                ? moment(formik.values.next_reminder_date) : undefined}
              placeholder="Next Reminder Date"
              name="next_reminder_date"
              onChange={(date) => {
                const isoDate = date?.toISOString();
                formik.setFieldValue('next_reminder_date', isoDate);
              }}
            />
          </Space>


{
const isoDate=date？.toISOString（）；
formik.setFieldValue（“下一个提醒日期”，isoDate）；
}}
/>
您是否尝试过不提供
initialValue
属性？我正在使用initialValue属性来设置数据，如果我删除了该属性，那么它可以正常工作，但是在显示编辑@ghostbbmt MSPIf表单时，我无法设置用户日期。如果您不想设置初始值，不提供
initialValue
propI在同一表单中处理初始表单和编辑表单如果我不使用initialValue prop，则在显示使用编辑时将无法设置数据form@Wasif您可以使用类似于
selectedDate
的状态，并设置
initialValue=this.state.selectedDate
。尝试设置
selectedDate
的初始值是否
undefined
是否尝试不提供
initialValue
属性？我正在使用initialValue属性设置数据，如果我删除了它，那么它可以正常工作，但是在显示编辑@ghostbbmt MSPIf表单时，我无法设置用户日期。如果您不想设置初始值，不提供
initialValue
propI在同一表单中处理初始表单和编辑表单如果我不使用initialValue prop，则在显示使用编辑时将无法设置数据form@Wasif您可以使用类似于
selectedDate
的状态，并设置
initialValue=this.state.selectedDate
。尝试将
selectedDate
的初始值设置为
undefined