antdesignform表單的時間處理

ant design form表單的時間處理

用ant design開發(fā)程序時,會碰到時間的字段,效果如下:
ant design form表單的時間處理

沙市ssl適用于網(wǎng)站、小程序/APP、API接口等需要進行數(shù)據(jù)傳輸應用場景,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

而在提交處理的時候需要進行轉(zhuǎn)換,獲得對象對應的值

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

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

新聞標題:antdesignform表單的時間處理
文章起源:http://bm7419.com/article42/jjeeec.html

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

廣告

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

成都app開發(fā)公司