单个组件React中的多个DateRangePicker

文章/答案/技术大牛

发布

1回答

reactjs、react-dates

我的DatePicker定义如下： startDate={this.state.startDate如果我只有一个DateRangePicker -它的工作方式应该是这样的。当有1个以上的拾取器时-单击时不显示日历。有没有可能让多个DateRangePicker在同一个状态变量上工作？为此，我使用了‘react</e

浏览 30提问于2019-07-18得票数 0

1回答

在不工作的组件中使用同一组件两次

reactjs

我试图在组件中使用react-dates。它适用于单个实例，但不适用于多个实例。如下所示：<DateRangePicker onFocusChange={focusedInput => this.setState({ focus

浏览 1提问于2019-06-03得票数 0

回答已采纳

3回答

如何获得反应js上的DateRangePicker值

reactjs、syncfusion、daterangepicker

我有一个来自Syncfusion的日期范围选择器，我安装了包并将组件导入到我的react项目中。我对DateRangePicker非常陌生，所以我想知道如何才能得到DateRangePicker的价值。import React from 'react'import {Da

浏览 7提问于2021-06-07得票数 1

回答已采纳

1回答

在React中，当触发任何on更改时，如何触发组件的所有实例的更改。

reactjs、react-component

如何在我的应用程序中的所有组件实例上触发更改？如：这张照片能更好地解释我想做什么。 import React,

浏览 1提问于2019-05-05得票数 1

回答已采纳

1回答

两次单击无法定义的日期范围，只需拖动

javascript、reactjs、react-datepicker、react-date-range

问题是，反应日期范围内的范围不能通过两次单击来定义，只能通过拖动。首先，单击“将startDate和endDate更改为同一日期”，而不是单击“第二次”设置endDate。下面是放置在父组件中的状态和组件： date: [ startDate: new Date(); dateRange={data.date} handleSel

浏览 12提问于2022-12-01得票数 2

1回答

使用React日期范围选取器筛选React表

reactjs

我有一个从API填充的react表。我想根据日期范围选择器来筛选列。问题是代码无法到达FilterMethod。我能做错什么呢？以下是我的代码 id: 'date', accessor: rowProps => rowProps.date, <div> <DateRang

浏览 13提问于2017-11-10得票数 6

2回答

尝试将React-DateRangePicker集成到React项目时出错

javascript、reactjs、momentjs、daterangepicker、fluxible

在尝试将React-daterangepicker模块集成到我的项目中时，我遇到了以下错误，我无法追踪其来源。/lib/daterangepicker.js:1360:26var React = require('react/addons'); var m

浏览 2提问于2015-08-10得票数 1

1回答

如何从子组件中设置状态，该子组件需要一个函数来设置带有react-date的状态？

reactjs、parent-child、setstate、react-props、react-dates

我正在使用react-date来尝试设置所选日期的状态： <DateRangePicker /> // PropTypes.func.isRequired 如果它位于状态所在的主组件中，则可以很好地工作，但我现在在该组件的一个子组件中具有DateRangePicker，因此我不能仅从子组件设置状态我曾尝试编写一个驻留在父<e

浏览 24提问于2019-05-31得票数 0

1回答

我目前正在使用react-dates有一个DateRangePicker，我希望用户能够一次选择多个星期。我已经看到this way一次选择7天，这是我想要的开始。我希望第一次单击以选择所选周的开始，然后能够突出显示并选择另一周。当用户单击这第二周时，我想将结束日期设置为所选第二周的结束日期。我并不局限于react-dates，如果使用另一个包可能/更容易，我可以使用它！我希望我说得足够清楚，请不要犹豫，要求澄清。提前谢谢。

浏览 18提问于2019-05-20得票数 0

回答已采纳

2回答

将react-date与redux-form一起使用会导致错误

javascript、reactjs、redux-form、react-dates

我正在尝试在redux-form中使用react-dates。为此做了一件render的事情。我用几乎相同的方式处理过text、input和select字段。这些都运行得很好。无论是在DateRangePicker上还是在SingleDatePicker上都出现了一个奇怪的错误，我不明白这一点。任何想法/建议都是非常感谢的。渲染组件如下所示： input,

浏览 1提问于2018-03-16得票数 2

2回答

带有输入的React-bootstrap-daterangepicker行为异常

jquery、reactjs、datepicker、bootstrap-daterangepicker

我正在尝试使用带有输入的，但我遇到了一个令人不快的bug:每次我点击其中一个输入或按下任何键时，日历都会被切换(如果它是隐藏的，则显示，反之亦然)。我在codesandbox：上复制了它，您还可以在那里看到我正在使用的依赖项的版本。我不确定问题是在包中还是在我的代码中，所以如果有任何帮助我将不胜感激！

浏览 6提问于2018-12-14得票数 3

1回答

为react设置默认的startDate和endDate属性

reactjs、react-dates

为react组件设置startDate和endDate的默认值会导致组件发生以下错误：组件代码：import { DateRangePicker }

浏览 1提问于2018-09-29得票数 0

回答已采纳

2回答

如何将功能组件转换为类组件？

reactjs

我是React.js的新手，我正在尝试把功能组件转换成类组件，有人能帮我吗？下面是我的代码，我想将函数组件中的代码转换为类组件import {DateRangePicker}from 'react-date-range';

浏览 3提问于2020-08-16得票数 0

回答已采纳

4回答

物料界面日期范围选取器

reactjs、material-ui

我正在尝试按照文档上的代码设置一个material ui日期范围选择器示例，但它给了我一个错误: TypeError: undefined is not a function。我以前从来没有见过useState后面跟着一个组件，这就是抛出错误的原因。React.useState<DateRange>([null, null]) import * as React from "react"; import { TextField } from&

浏览 2提问于2020-05-14得票数 3

2回答

在DatePicker中改变特定的日期颜色

reactjs、typescript、react-native、react-redux、material-ui

有没有人将事件添加到MUI DatePicker中？或者有人知道要改变选定的一天的背景？例如，更改选定日期的颜色？还是在选定的日子中添加一个生日？ import React from "react";import AdapterDateFnsisWeeke

浏览 3提问于2021-10-07得票数 3

回答已采纳

2回答

反应道具规范化或计算性质

javascript、reactjs、react-props

在datepicker组件中，我想使用另一个已验证的道具版本。例如，一个带有ranges支柱的数据报警器和一个maxDate道具范围是对的数组：[ [startDate如果一个范围的endDate大于给定的maxDate，我需要取两者中的最小值。因此，我需要使用不同(计算)版本

浏览 0提问于2018-11-09得票数 1

回答已采纳

1回答

react-bootstrap-daterangepicker初始状态

reactjs、react-bootstrap

我的项目中react-bootstrap-daterangepicker的初始状态没有更新。import DateRangePicker from 'react-bootstrap-daterangepicker'; initialSettings={{ startDate: sDate.toString(), endDate: eDate.toString() }}>Th

浏览 34提问于2020-12-10得票数 0

2回答

无法在“月”视图中使用react* daterange选择器打开*

javascript、reactjs、react-daterange-picker

如何将来自DateRangePicker包的@wojtekmaj/react-daterange-picker设置为只显示组件第一次单击时的月份(例如一个月选择器)？试用 onChange={onChange} maxDetail="month"/> 但是它在“白天”的视野中<

浏览 7提问于2021-02-16得票数 0

回答已采纳

2回答

为什么我要在JSX返回中指定一个<div>、<React.Fragment>或<>？

javascript、reactjs

我看到在为多个元素返回JSX代码时React引发错误，因此它需要始终使用以下3种选项包装这些元素：<React.Fragment>例如，这一项工作如下： const myReactComponent

浏览 3提问于2019-09-20得票数 1

回答已采纳

1回答

如何设置react-dates日历始终打开？

reactjs、react-dates

我正在使用react-dates library，DateRangePicker，并试图在组件呈现时显示日历。我以为会有react-dates本身支持的道具，但经过一个小时的搜索，我没有找到它。import React, { useState } from 'react';imp

浏览 22提问于2020-08-12得票数 1

回答已采纳

点击加载更多