【问题标题】:React day picker return all data when expecting only dayReact 日期选择器仅在预期日期时返回所有数据
【发布时间】:2019-08-04 16:36:38
【问题描述】:

所以我使用 react-day-picker 来处理日历。

import DayPickerInput from 'react-day-picker/DayPickerInput';
import 'react-day-picker/lib/style.css';

这是我使用的功能:

<DayPickerInput  onDayChange={day => this.onEduGraduateFromChange(d, day)}  />

事情是函数日=>返回很多类似的东西:

Wed Aug 07 2019 12:00:00 GMT+0100 (British Time)

当这是预期格式时:2019-08-07

我怎样才能得到这个?

我的函数通过应用程序发送数据,所以我不需要时间等所有东西。只需要日/月/年就可以了吗?

我怎样才能得到预期的格式?

我尝试使用日期而不是日期,但毫不费力。

onDayChange={date => this.onEduGraduateFromChange(d, date)}

我用console.log输出整个json数据,我得到了

graduateFrom: 'Wed Aug 07 2019 12:00:00 GMT+0100 (British Time)'

我预计输出日/月/年,但实际输出是

Wed Aug 07 2019 12:00:00 GMT+0100 (British Time)

【问题讨论】:

  • 您能提供一个完整的、最少的代码示例吗?我不明白你的问题
  • 完成,代码示例更新

标签: reactjs react-day-picker


【解决方案1】:

请参阅此docs 以获得更多见解

onDayChange 你可以这样做=>

import dateFnsFormat from 'date-fns/format';
let date = dateFnsFormat(day,'DD/MM/YYYY');
console.log(date)

【讨论】:

  • 这是很棒的解决方案:D 我正在寻找类似的东西。谢谢兄弟
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-07-10
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多