reactjs - Ant 设计 DatePicker 的形式

标签 reactjs datepicker momentjs antd

我在表单中使用 antdDatePicker 组件,想更改默认的 onChangevalue DatePicker 中的 Prop ,但它不起作用。

<Form.Item
  label='Test Label'
  name='startDate'
  getValueFromEvent={(onChange) => moment(onChange).format('YYYY-MM-DD')}
  getValueProps={(i) => moment(i)}
>
  <DatePicker format='YYYY-MM-DD' style={{ width: '100%' }} />
</Form.Item>

当我在表单之外使用 DatePicker 时,它会起作用:

<DatePicker value={moment()} style={{ width: '100%' }} />

这是 getValueProps 属性的问题吗?

最佳答案

我修好了!

如果有人有同样的问题:

您必须将 getValueProps 更改为如下内容:

getValueProps={(i) => ({value: moment(i)})}

关于reactjs - Ant 设计 DatePicker 的形式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/71594682/

相关文章:

javascript - React Native 中同一元素上的出/入动画

javascript - 将 <div> 放在 React 中的 x,y 坐标处

css - 标准 salesforce css 直到 Action 函数才加载

android - 自定义 DatePicker 对话框 Android

javascript - 我如何在 Moment.js 中准确获取天数

javascript - 如何以 Angular 管理日期时间

javascript - React.js 用于渲染大型增量列表的项目的配方

javascript - Redux-form,如何将Field名称设置为动态字符串?

javascript - Ng-disabled 无法与 AngularStrap 版本的 Bootstrap 日期和时间选择器一起使用

javascript - 我怎样才能停止在 IE 中使用 moment.js 获取无效日期?