¿Cómo formatear la fecha en React material-ui date-picker?
Estoy implementando redux-form con un campo selector de fecha material-ui. La fecha está perfectamente configurada en el campo, pero cuando trato de enviarla al formato API de fondo de la fecha es:
BeginDate_1: Tue Nov 14 2017 15:03:43 GMT+0530 (IST)
Estoy tratando de cambiar este formato al formato 'AAAA-mm-dd' antes de enviarlo a la API de fondo.
Lo intentémomentjs
para formatear, pero no pude obtener el resultado que quería.
Esto es lo que he intentado:
Home.js
import React, {Component} from 'react';
import {Field, reduxForm} from 'redux-form';
import DatePicker from 'material-ui/DatePicker';
import {connect} from 'react-redux';
import * as moment from 'moment';
class Home extends Component {
renderCalendarField= ({
input,
label,
meta: {touched, error},
children,
...custom
}) => (
<DatePicker
floatingLabelText={label}
errorText={touched && error}
{...input}
value = {input.value !== ''? new Date(input.value) : null}
onChange={(event, value) => input.onChange(value)}
children={children}
{...custom}
formatDate={(date) => moment(date).format('YYYY-MM-DD')}
/>
)
render() {
const startDate = new Date();
const {handleSubmit} = this.props;
return (
<form onSubmit={handleSubmit(this.onSubmit.bind(this))}>
<div>
<Field name="BeginDate_1" component={this.renderCalendarField} label="DEPARTURE" minDate={startDate} />
</div>
<div>
<button type="submit">
Submit
</button>
</div>
</form>
);
}
}
const LogInForm = reduxForm({
form: 'MaterialUiForm', // a unique identifier for this form
validate
})(Home);
export default connect(mapStateTOProps, {getCity})(LogInForm);
La salida de la consola sigue siendo:
BeginDate_1:Tue Nov 14 2017 15:03:43 GMT+0530 (IST)
¿Cómo puedo formatear esta fecha enYYYY-mm-dd
¿formato?