素材巴巴 > 程序开发 >

Ant Design Vue中DatePicker 日期选择框遇到的回显问题

程序开发 2023-09-06 14:10:30

Ant Design Vue中DatePicker 日期选择框遇到的回显问题

在这里插入图片描述

   getListById() {seeBusinessDistrict(this.$route.query.id).then((res) => {this.$message.success("活动获取成功");console.log(res);// 给表单设置值(回显)res.data.areaId = res.data.areaId.split(",");const { setFieldsValue } = this.form;setFieldsValue({title: res.data.title,applyEndTime: res.data.applyEndTime,//这里是直接赋值的时间brief: res.data.brief,areaId: res.data.areaId,address: res.data.address,num: res.data.num,});this.banner = res.data.banner;}).catch((err) => {this.$message.success("活动获取失败");console.log(err);});},
 

npm install moment --save

2.引入

import moment from “moment”;

3.使用,拿到处理好的数据直接赋值就解决了

var day = moment(res.data.applyEndTime); //时间回显需要创建moment对象


标签:

上一篇: 自定义手势缩放的Recyclerview 下一篇:
素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。