时间戳

首页 > 解决方案 > React 日期选择器仅在预期日期时返回所有数据

reactjs - React 日期选择器仅在预期日期时返回所有数据

问题描述

所以我使用 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)

标签： reactjsreact-day-picker

解决方案

请参阅此文档以获取更多见解

在onDayChange你可以这样做=>

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

推荐阅读