antd日期范围选择组件bug

昨天整理搬运项目的时候遇到一个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之后又复现了错误,感觉就是在格式或者说换行上面出了问题

后续又把一行分成了三行,日期也可以正常选择

记录一下这个问题

posted @ 2023-01-17 10:10  li胡不归  阅读(307)  评论(0)    收藏  举报