在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');
// 提交數據
};
這樣就可以在提交表單時將日期以指定的格式進行數據處理和傳遞了。