日付ピッカーをレフィックス形式で使用する方法

Question

私はレピュックス形式の日付ピッカーを使用しています。私は1年だけを見せたい。しかし、データの年フィールドは、データベースでNULLになりつつあります。

誰でも助けてくれますか？

これは私のコードです：あなたは正しい方法でのDateTimePickerの小道具に、すべての小道具を渡す必要が

const renderDatePicker = ({input, placeholder, defaultValue, meta: {touched, error} }) => (
    <div> 
     <DateTimePicker {...input} format={"YYYY"} selected={input.value ? moment(input.value) : null} time={false} initialView={"decade"} finalView={"decade"} /> 
    {touched && error && <span>{error}</span>} 
    </div> 
); 

<Field name="year" component={renderDatePicker} /> 

おかげ

Answer 1

。私はDateTimePickerのコンポーネントを働いている方法を知っていますが、DateTimePickerの中に、

<DateTimePicker **{...input}** format={"YYYY"} selected={input.value ? 
moment(input.value) : null} time={false} initialView={"decade"} 
finalView={"decade"} /> 
{touched && error && <span>{error}</span>} 

を行うときは、常にあなたが、その場合にはnullを取得します他に、その入力小道具にReduxの形式の入力を割り当てることがありません。また、あなたはそれを見るべきその値を変更するたびに、プロパティ関数 'validate'でredux-formをチェックすることができます。

編集：

私が見リアクト - ネイティブのため、その場合には、我々は、入力を持っていないが、私はこの方法で使用されている日付ピッカーのような何かをしなければならないので、私は、このようないくつかの問題を探していました：

<Field name="birthday" 
     component={ props => 
      <DatePicker 
      date={props.input.value} 
      onDateChange={(date) => props.input.onChange(moment(new Date(date)).format("MM/DD/YYYY"))} 
      /> 
    }/> 

それは最善の方法ではないのですが、このソリューションは、あなたのケースを助けることができます。