1. 程式人生 > >react.js antd datePicker控制元件獲取時間與從資料庫獲取時間繫結到時間選擇器上

react.js antd datePicker控制元件獲取時間與從資料庫獲取時間繫結到時間選擇器上

npm install moment --save   # npm
yarn add moment 
let moment = require('moment');
//資料庫存入的時間為
let datam1=2018-11-20 17:35:00 //如果是時間戳,請自行轉換

//onChange事件
timechange1=(time)=>{
    this.setState({
        datam1:moment(time).format('YYYY-MM-DD HH:mm:ss')
    })
}
//獲取的時間繫結到時間選擇器上
<DatePicker
    minDate={now}
    format='YYYY-MM-DD HH:mm'
    value={new Date(this.state.datam1)}/*   使用new Date()*/
    onChange={date => this.timechange1(date)}
>
    <List.Item arrow="horizontal">門票訂購開始日期</List.Item>
</DatePicker>