您好,登錄后才能下訂單哦!
用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" 的值了。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。