时间控件,这里用了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个小时,要另外想办法处理,这个方法未测试。

GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:3 个月前 )
c345bb45 7 个月前
a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 7 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐