antdesignform表單的時間處理

ant design form表單的時間處理

用ant design開發(fā)程序時，會碰到時間的字段，效果如下：

沙市ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場景，ssl證書未來市場廣闊！成為創(chuàng)新互聯(lián)建站的ssl證書銷售渠道，可以享受市場價格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：13518219792（備注：SSL證書合作）期待與您的合作！

那么該怎么處理呢？
可以在表單中使用如下代碼：

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

而在提交處理的時候需要進(jìn)行轉(zhuǎn)換，獲得對象對應(yīng)的值

    if (data.sdate) {
        // 進(jìn)行轉(zhuǎn)換
        data.sdate = data.sdate.format("YYYY-MM-DD HH:mm:ss")
      }

這樣，在提交的時候，data.sdate 就是形如 "2018-06-27 12:00:00" 的值了。

新聞標(biāo)題：antdesignform表單的時間處理
文章起源：http://www.jbt999.com/article42/jjeeec.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供小程序開發(fā)、全網(wǎng)營銷推廣、微信小程序、外貿(mào)建站、響應(yīng)式網(wǎng)站、做網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：[email protected]。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)