Ant Designで日付ピッカーDatePickerに日付を送信するための書式設定

1年 ago
光, 明
1 minute

Ant Design の DatePicker コンポーネントでは、moment.js ライブラリを使用して日付のフォーマットを設定できます。

まず、moment.jsライブラリを導入する必要があります。

import moment from 'moment';

DatePickerコンポーネントで、format属性を設定することで、日付の表示形式を指定できます（例: YYYY-MM-DD）。

<DatePicker format="YYYY-MM-DD" />

DatePickerコンポーネントの値はデフォルトでmomentオブジェクトです。format()メソッドを呼び出すことで、指定した形式の文字列に変換できます。

moment関数でmomentオブジェクトを文字列に変換すれば、フォームの送信時に日付を文字列フォーマットで取得できます。例えば、moment(date).format(‘YYYY-MM-DD’) で日付オブジェクトを文字列フォーマットに変換します。

const handleSubmit = (values) => {
const { date } = values;
const dateString = moment(date).format('YYYY-MM-DD');
// 提交数据
};

指定した形式で、日付データを処理し、フォーム送信時に受け渡すことが可能になります。

bannerAds