时间戳

首页 > 解决方案 > 未设置默认时间时，为什么 react-datepicker 上会突出显示多天？

javascript - 未设置默认时间时，为什么 react-datepicker 上会突出显示多天？

问题描述

出于某种原因，当用户从日历中选择一个时，该组件会突出显示两天，时间选择器位于一侧。

初始渲染后，当未设置显式默认日期和时间时，组件渲染如下：

图像1

用户点击某个日期后，时间会自动转到 00:00，用户点击的当天 (10) 和前一天 (9) 将突出显示，如下所示：

图像2

ReactDatePicker组件使用如下：

<ReactDatePicker 
  name={name} 
  id={id} 
  selected={dateValue} 
  disabled={disabled} 
  onChange={this.handleChange} 
  onSelect={this.handleChange} 
  utcOffset={0} 
  locale="et-EE" 
  placeholderText={placeholderText} 
  autoComplete="off" 
  showTimeSelect 
  dateFormat={dateTimeFormats.YYMMDDHHMM} 
  timeFormat={timeFormats.HHmm} 
  timeIntervals={timeIntervals} 
  timeCaption="Kellaaeg" 
/>

当我为组件设置一些默认值时，没有问题。所以我认为它与 00:00:00 时间有关，好像组件不知道它实际上是哪一天并突出显示两者？

标签： javascriptreactjsreact-datepicker

解决方案

推荐阅读