需求:DatePicker组件以“YYYY-MM-DD HH:MM:SS ”格式做时间选择,默认值为当前时间
初始解决方案:DatePicker采用valueFormat限定格式,采用moment.js获取当前时间
<a-date-picker
:defaultValue="currentTime"
valueFormat="YYYY-MM-DD HH:MM:SS"
show-time
v-model="formItemDataSet.yxjzsj"
:disabled="formItemReadOnly"
style="width: 100%"
/>
//当前时间
currentTime: moment().format('YYYY-MM-DD HH:MM:SS'),
现象:组件可以正常显示时间,但是默认值未绑定到formItemDataSet.yxjzsj,导致保存时formItemDataSet.yxjzsj为空校验不通过BUG
原因:未知
最终解决方案:不用defaultValue设置默认值,直接手动设置当前时间
/*界面默认值,在表单创建后赋值给formItemDataSet*/
formItemDefaultDataSet: {
yxkssj: moment().format('YYYY-MM-DD HH:MM:SS'),
},