转载自:https://mp.weixin.qq.com/s/PQlu2JhxUAGvy8Zy6Vf9sg

时间控件,这里用了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
15
3
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:3 个月前 )
c345bb45 1 年前
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 1 年前
Logo

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。

更多推荐