這些日子在做關於antd+react的項目，遇到了時間選擇框，在添加表單的時候看了官網的組件，說的很詳細一看就懂。
import { TimePicker } from 'antd';
ReactDOM.render(<TimePicker.RangePicker />, mountNode);
引入和使用相當簡單。但是問題來了，這樣使用的時候並不符合項目的需求，項目需求只是到分鍾，不需要秒級別的。所以查看了文檔，format屬性，來格式化數據。只想要時分的話，format={'HH:mm'}，這樣顯示的就是時分格式了。下面是我項目中的具體用法：
<TimePicker.RangePicker onChange={(e)=>{changeRangePicker(e)}} format={'HH:mm'}/>
這是引入和格式化時間格式，下面我們來說說取值和回顯的問題。因為當時我項目中需要的是字符串，而他返回的是這樣的
所以我這邊需要處理下數據，以下方法獲取字符串時間：
let start = e[0].format('HH:mm')
let end = e[1].format('HH:mm')
現在數據也獲取到了，下一步是我編輯時遇到的回顯問題，因為我存的時候就是字符串，所以我在想怎么才能讓他回顯呢，其實也挺簡單，就是我用的不熟導致的問題。看來還是得多學習啊！下面是回顯具體步驟：
1. 引入moment
import moment from 'moment';
2.獲取值直接調用moment方法：
moment(data,'HH:mm')
這樣就OK了，有時間多看書吧，這么簡單的問題查了好多資料！