element-ui的表单里面显示的是两个接口字段的值，时间段

就像上面的日期他是一个时间段。不能通过prop="starttime-endtime"这样的形式绝对报错。

放在一个template里面就好了。

<el-table-column  label="有效期限" width="220"  sortable><!--prop="starttime,endtime"-->
                <template slot-scope="scope">
                    <span>{{scope.row.starttime}}</span>至<p>{{scope.row.endtime}}</p>
                </template>
</el-table-column>

template用的地方还有很多。可以用它获取表格的行数下标数字。

编辑的时候

<el-form-item   label="有效期限" width="150">
                    <el-col :span="11">
                    <el-date-picker type="datetime" placeholder="选择开始日期" v-model="editForm.starttime"   @change="getStarttime"   style="width: 100%;"></el-date-picker>
                    </el-col>
                    <el-col class="line" :span="2" align="center">至</el-col>
                    <el-col :span="11">
                        <el-date-picker type="datetime" placeholder="选择结束时间" v-model="editForm.endtime" @change="getEndtime" style="width: 100%;"></el-date-picker>
                    </el-col>
                </el-form-item>

必须使用格式化时间不然时间格式是：2018-07-08T06:32:28.000Z  而我们想要的是2018-07-08 06:32:28  

getStarttime(date){//格式化开始时间
                this.addForm.starttime=date;
            },