当先锋百科网

首页 1 2 3 4 5 6 7

时间控件,这里用了type=“datetime”,并且设置了格式化, value-format=“yyyy-MM-dd HH:mm:ss”

 <el-form-item
   label="开始时间"
   v-if="activityForm.pushMethod == 2 || activityForm.pushMethod == 4"
   prop="startTime"
 >
   <el-date-picker
     v-model="activityForm.startTime"
     type="datetime"
     placeholder="选择日期"
     value-format="yyyy-MM-dd HH:mm:ss"
     :disabled="isFlag"
     @change="startTime"
   >
   </el-date-picker>
 </el-form-item>

遇到编辑时报错的情况,然后无法修改时间:date.getHours is not a function

解决方法1:接口返回字符串,不要返回datetime类型,前端不用改
解决方法2:把接收到的时间转换为时间类型

_this.activityForm.startTime=new Date(res.result.startTime);
_this.activityForm.endTime=new Date(res.result.endTime);

解决方法3:不要格式化: value-format=“yyyy-MM-dd HH:mm:ss” ,这样的话传给接口的时间会少了8个小时,要另外想办法处理,这个方法未测试。