ant design form表單的時間處理
用ant design開發程序時,會碰到時間的字段,效果如下:
那麼該怎麼處理呢?
可以在表單中使用如下代碼:
import { DatePicker } from 'antd'
import Moment from 'moment'
<FormItem label="開始時間" {...formItemLayout}>
{ getFieldDecorator('sdate', {
initialValue: item.sdate ? Moment(item.sdate) : Moment(),
})(<DatePicker showTime showToday format="YYYY-MM-DD HH:mm:ss" />)}
</FormItem>
// item.sdate 代表從後臺server獲得的值 如:2018-06-27 12:00:00
而在提交處理的時候需要進行轉換,獲得對象對應的值
if (data.sdate) {
// 進行轉換
data.sdate = data.sdate.format("YYYY-MM-DD HH:mm:ss")
}
這樣,在提交的時候,data.sdate 就是形如 "2018-06-27 12:00:00" 的值了。