材料の日付ピッカーのformatDateをui

Question

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

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

を動作していないよう： だから私は書いています。あなたはなにか考えはありますか？

Answer 1

としてDOCあたり：

は、FormatDate ====>この関数は、入力フィールドに表示される日付を フォーマットすると呼ばれ、返す必要があります ====>機能文字列。

署名：function（date：object）=>任意の日付： の日付オブジェクトです。 returns（any）：書式付きの日付です。

---

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

もう1つの変更点は、次のとおりです。

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')} 
/>