ANTD DatePicker设置默认值无效

需求: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'),
},

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值