antdv (踩坑)
1.日期选择器
<a-date-picker
:defaultValue="addForm.creatTime==''? null:moment(addForm.creatTime, 'YYYY-MM-DD hh:mm:ss')"
show-time
placeholder="创建时间"
@change="onChangeDate"
/>
属性
- defaultValue:选择器的默认日期,不接受时间戳。不显示则赋值为null;
- show-time:是否显示时分秒;
- placeholder:默认显示文字
- change事件:变化则触发回调
坑(时间戳转时间,时间转时间戳)
引入moment
需要在data中定义
import moment from "moment";
import "moment/locale/zh-cn";
**日期转时间戳**
//日期方法
onChangeDate(date, dateString) {
console.log(dateString);
this.addForm.creatTime = moment(Date.now(), dateString)._i;
},
**时间戳转日期**
creatTime = moment(v.creatTime).format("YYYY/MM/DD hh:mm:ss");
弹出框
需求:新增与修改公用同一个弹出框
思路:动态绑定title,判断title。
<a-modal
:title="title"
:visible="visibleA"
:confirm-loading="confirmLoadingA"
@cancel="handleCancel"
closable
:footer="null"
destroyOnClose
:maskClosable="false"
>
data(