昨天整理搬运项目的时候遇到一个bug
页面搜索栏中的a-range-picker组件,选择show-time,但是在界面操作的时候,只能选择时间中的小时,无法选择分秒,有时候甚至秒数超过60,非常迷惑,代码上没有任何实质上的区别
报错的代码:
<a-col :md="4" :sm="24" >
<a-form-model-item label="发车时间段:" prop="etaTime2" >
<a-range-picker style="width:388px" :size='"large"' showTime v-model="dateRange" format="YYYY-MM-DD HH:MM:SS" valueFormat="YYYYMMDDHHMMSS"/>
<!--format前端展示 valueFormat后端传数据 -->
</a-form-model-item>
</a-col>
正常代码:
<a-col :md="8" :sm="24">
<a-form-model-item label="卸车时间">
<a-range-picker
:ranges="{ 'Today': [moment().startOf('day'), moment()], 'This Month': [moment().startOf('month'), moment().endOf('month')] }"
:placeholder="['开始时间','结束时间']"
format="YYYY/MM/DD HH:mm:ss"
value-format="YYYYMMDDHHmmss"
show-time
v-model="dischargeTimeRange"
style="width: 100%"
/>
</a-form-model-item>
</a-col>
后来在正式发布前格式化了一下代码,发现页面的时间选择bug消失了,revert之后又复现了错误,感觉就是在格式或者说换行上面出了问题
后续又把一行分成了三行,日期也可以正常选择
记录一下这个问题
标签:代码,选择,日期,组件,antd,bug From: https://www.cnblogs.com/rarantella/p/17057109.html