项目场景:
知识产权模块
弹窗表单中添加日期选择组件
问题描述
原因分析:
a-date-picker数据模型是moment对象 ,而在data()初始的表单中的startDate默认值是" "空字符串
data() {
return {
uploadForm: {
name: '',
startDate: ''
},
}
}
解决方案:
1.组件中添加 value=null
<a-form-model-item label="开始日期" prop="startDate">
<a-date-picker
value=null
v-model="uploadForm.startDate"
@change="onChange"
style="width: 354px !important"
:disabled="disabled"
/>
</a-form-model-item>
2.改为startDate: undefined
data() {
return {
uploadForm: {
name: '',
startDate: undefined
},
}
}