デフォルト値に反応し、DatePickerの

Question

私は私の反応-Reduxのアプリで反応し、DatePickerのモジュールを使用していると私はこのようなReduxの形式との互換性を作っ：

const MyDatePicker = props => (
    <div> 
    <DatePicker 
     {...props.input} 
     dateFormat="DD-MM-YYYY" 
     selected={props.input.value 
     ? moment(props.input.value, 'DD-MM-YYYY') 
     : null} 
     placeholderText={props.placeholder} 
     disabled={props.disabled} 
    /> 
    { 
     props.meta.touched && props.meta.error && 
     <span className="error"> 
     { props.intl.formatMessage({ id: props.meta.error }) } 
     </span> 
    } 
    </div> 
); 

問題がある、私はどのように知らないこと私のモジュールにデフォルト値を追加してください。このデフォルト値は今日でなければなりません。どのようにこれを処理するための任意のアイデア？

Answer 1

変更を：

selected={props.input.value 
     ? moment(props.input.value, 'DD-MM-YYYY') 
     : null} 

T0

selected={props.input.value ? moment(props.input.value, 'DD-MM-YYYY') : moment()} 


const MyDatePicker = props => (
    <div> 
    <DatePicker 
     {...props.input} 
     dateFormat="DD-MM-YYYY" 
    selected={props.input.value ? moment(props.input.value, 'DD-MM-YYYY') : moment()} 
     placeholderText={props.placeholder} 
     disabled={props.disabled} 
    /> 
    { 
     props.meta.touched && props.meta.error && 
     <span className="error"> 
     { props.intl.formatMessage({ id: props.meta.error }) } 
     </span> 
    } 
    </div> 
); 

Answer 2

あなたがmapStateToProps段階で初期フォームの値を指定することができ、日付

const MyDatePicker = props => { 
    var date = new Date(); 
    var todayDate = moment(date).format('DD-MM-YYYY'); 
    return (
    <div> 
    <DatePicker 
     {...props.input} 
     dateFormat="DD-MM-YYYY" 
     selected={props.input.value 
     ? moment(props.input.value).format('DD-MM-YYYY') 
     : todayDate} 
     placeholderText={props.placeholder} 
     disabled={props.disabled} 
    /> 
    { 
     props.meta.touched && props.meta.error && 
     <span className="error"> 
     { props.intl.formatMessage({ id: props.meta.error }) } 
     </span> 
    } 
    </div> 
); 
} 

Answer 3

をフォーマットするmoment(dt).format()を使用する必要があります。

const mapStateToProps = state => { 
    return { 
    initialValues: { 
     date: moment() 
    } // Use the `initialValues` property to set your initial data 
    }; 
} 

これは、ここで説明されていますhttp://redux-form.com/6.6.3/examples/initializeFromState/