web-dev-qa-db-ja.com

マテリアルUIの日付ピッカーのformatDateを変更します

redux形式のmaterial-uidatepickerコンポーネントを使用しています。ここに少し問題があるので、すごいですね。日付を変更すると、入力フィールドにyyyy-mm-ddと表示されます。 dd-mm-yyyyと表示されるように変更したい。 datepickerには、関数を入力として受け取るformatDateというプロパティがあります。だから私は書いた：

<Field
      name="dateFrom"
      component={DatePicker}
      hintText="Ημερομηνία από"
      autoOk
      formatDate={() => moment().format(DD-MM-YYYY)}
    />

しかし、それは機能していないようです。あなたはなにか考えはありますか？

javascriptreactjsdatedatepickermaterial-ui
5
user7334203

[〜＃〜] doc [〜＃〜]によると：

formatDate====>function====>この関数入力フィールドに表示される日付をフォーマットするために呼び出され、文字列を返す必要があります。

Signature：function（date：object）=> any date：フォーマットする日付オブジェクト。戻り値（任意）：フォーマットされた日付。

選択した日付をformatDate関数の引数として受け取り、日付の形式を変更して、フォーマッター値を文字列として返します。

別の変更は次のとおりです。

format(DD-MM-YYYY)

DD-MM-YYYYは次のような文字列である必要があります：

format('DD-MM-YYYY')

このように書いてください：

<Field
      name="dateFrom"
      component={DatePicker}
      hintText="Ημερομηνία από"
      autoOk
      formatDate={(date) => moment(date).format('DD-MM-YYYY')}
/>
8
Mayank Shukla