在日期变量中反应日期范围选择器错误

Posted

技术标签:

【中文标题】在日期变量中反应日期范围选择器错误【英文标题】:React Date Range Picker error in date variables 【发布时间】:2021-10-06 16:04:10 【问题描述】:

我无法理解如何解决 newStartDatenewEndDate 上的以下错误。我将此代码作为 DatePicker 组件的起始代码的一部分。

当我将鼠标悬停在newStartDatenewEndDate 红线上时看到的错误是:

绑定元素 'newStartDate' 隐含一个 'any' type.ts(7031)

const handleInputValuesChange = (
    startDate: newStartDate,
    endDate: newEndDate
  ) => 
    setStartInputValue(newStartDate || '')
    setEndInputValue(newEndDate || '')
  

  const handleDatesChange = (
    startDate: newStartDate,
    endDate: newEndDate
  ) => 
    setStartDate(newStartDate)
    setEndDate(newEndDate)
  

screenshot of the code with the error hghlighted

我无法理解的是startDate: newStartDateendDate: newEndDate 究竟代表什么?我该如何解决这个错误?我需要将 newStartDate 声明为类型吗?还是一个变量?在哪里?

【问题讨论】:

【参考方案1】:

因为您使用的是打字稿,但您没有为handleDatesChange 的参数定义类型

const handleDatesChange = (
  startDate: newStartDate,
  endDate: newEndDate,
: 
  startDate: Date;
  endDate: Date;
) => 
  setStartDate(newStartDate);
  setEndDate(newEndDate);
;

【讨论】:

你在ts文件里试试吗?

以上是关于在日期变量中反应日期范围选择器错误的主要内容,如果未能解决你的问题,请参考以下文章

反应日期选择器 - 无效的时间值

如何使用反应表单挂钩验证反应日期选择器

如何在反应日期选择器中动态禁用天数

带有禁用日期的 ReactJS 日期范围选择器 - Rsuite

材料日期范围选择器显示不正确的当前日期Android

如何在 Twitter 引导日期选择器中禁用结束日期范围?