react Ant Design日期控件DatePicker數(shù)據(jù)提交格式設(shè)置

小云
741
2023-09-19 07:28:27

在Ant Design的DatePicker組件中，可以使用moment.js庫(kù)來(lái)設(shè)置日期的格式。

首先，需要引入moment.js庫(kù)：

import moment from 'moment';

然后，在DatePicker組件中，可以通過(guò)設(shè)置format屬性來(lái)指定日期的顯示格式，如YYYY-MM-DD：

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

默認(rèn)情況下，DatePicker組件的值是一個(gè)moment對(duì)象，可以通過(guò)調(diào)用format()方法將其轉(zhuǎn)換為指定格式的字符串。

如果你想要在表單提交時(shí)獲取日期的字符串格式，可以使用moment函數(shù)將moment對(duì)象轉(zhuǎn)換為字符串。例如，使用moment(date).format('YYYY-MM-DD')將日期對(duì)象轉(zhuǎn)換為字符串格式：

const handleSubmit = (values) => {
const { date } = values;
const dateString = moment(date).format('YYYY-MM-DD');
// 提交數(shù)據(jù)
};

這樣就可以在提交表單時(shí)將日期以指定的格式進(jìn)行數(shù)據(jù)處理和傳遞了。

0 踩