修改巡检计划时间控件

src/view/patrol/plan/PlanInput.js

 import React, { Component } from 'react';
-import { DatePicker } from 'amos-antd';
+import { DatePicker,TimePicker } from 'amos-antd';
 import moment from 'moment';
 import { browserHistory } from 'amos-react-router';
 import { Form, AmosAlert, MultiSelect, Input, Radio, Button, Select, Checkbox, InputNumber } from 'amos-framework';
@@ -16,7 +16,8 @@ import YearPicker from '../../common/YearPicker';
 
 import {  Store } from 'amos-tool';
 const lsTool = Store.lsTool;
-
+const format = 'HH:mm';
+const formatValue = 'HH:mm:ss';
 
 
 const { WeekPicker, MonthPicker } = DatePicker;
@@ -128,10 +129,9 @@ class PlanInput extends Component {
     this.setState({ form });
   };
 
-  onTimeChange = (key, e) => {
+  onTimeChange = (key, date) => {
     const { form } = this.state;
-    const value = e.target.value + ':00';
-    form[key] = value;
+    form[key] = date ? moment(date).format(formatValue) : null;
     this.dynamicCreatRemark(form);
   };
 
@@ -148,7 +148,7 @@ class PlanInput extends Component {
   };
 
   onDeptChange = (key, value) => {
-    
+
     let keyd= lsTool.read('departmentdate');
 
     const { form } = this.state;
@@ -157,23 +157,23 @@ class PlanInput extends Component {
     this.setState({ form });
   //  if(keyd!='null'){
   //      if(value!=keyd){
-         
+
   //        AmosAlert.error('提示', '只能选择本部门');
   //        form[key] = '';
   //        this.setState({ userData: [] });
   //       this.setState({ form });
- 
+
   //      }else{
   //        form[key] = value;
   //        this.queryUserByDept(value);
   //        this.setState({ form });
   //      }
- 
+
   //  }else{
   //   form[key] = value;
   //   this.queryUserByDept(value);
   //   this.setState({ form });
- 
+
   //  }
 
 
@@ -233,10 +233,13 @@ class PlanInput extends Component {
     let tempArry = htmlArray;
     let { dayRate } = this.state.form;
     let { form } = this.state;
+    console.log(moment(form.dayTime, 'HH:mm'));
+    //value={moment(form.dayTime).format('HH:mm')}
+
     if (dayRate === 0) {
       tempArry.push(
         <FormItem label={<span>时间为</span>} field="dayTime" {...formItemLayout}>
-          <Input className="plan_info_input" type="time" required value={form.dayTime} onChange={e => this.onTimeChange('dayTime', e)} />
+          <TimePicker value={moment(form.dayTime, 'HH:mm')} format={format} className="plan_info_input"  required  onChange={e => this.onTimeChange('dayTime', e)} />
         </FormItem>
       );
     } else if (dayRate === 1) {
@@ -258,10 +261,10 @@ class PlanInput extends Component {
             />
           </FormItem>
           <FormItem label={<span>开始时间</span>} field="dayBegin" {...formItemLayout}>
-            <Input className="plan_info_input" type="time" required value={form.dayBegin} onChange={e => this.onTimeChange('dayBegin', e)} />
+            <TimePicker value={moment(form.dayBegin, 'HH:mm')} format={format} className="plan_info_input"  required  onChange={e => this.onTimeChange('dayBegin', e)} />
           </FormItem>
           <FormItem label={<span>结束时间</span>} field="dayEnd" {...formItemLayout}>
-            <Input className="plan_info_input" value={form.dayEnd} required type="time" onChange={e => this.onTimeChange('dayEnd', e)} />
+            <TimePicker value={moment(form.dayEnd, 'HH:mm')} format={format} className="plan_info_input"  required  onChange={e => this.onTimeChange('dayEnd', e)} />
           </FormItem>
         </div>
       );