需要在一个onDateChange上调用两个不同的函数
在一个onDateChange上调用两个不同的函数意味着需要在日期变化时同时执行两个函数。这可以通过以下方式实现：
- 创建两个不同的函数，分别用于处理日期变化时的逻辑。
- 在onDateChange事件中，调用这两个函数。
以下是一个示例代码：
// 第一个函数，用于处理日期变化时的逻辑
function handleFunction1() {
// 在这里编写第一个函数的逻辑
console.log("执行函数1");
}
// 第二个函数，用于处理日期变化时的逻辑
function handleFunction2() {
// 在这里编写第二个函数的逻辑
console.log("执行函数2");
}
// onDateChange事件处理函数
function onDateChange() {
// 调用第一个函数
handleFunction1();
// 调用第二个函数
handleFunction2();
}在上述示例中，我们定义了两个函数handleFunction1和handleFunction2，分别用于处理日期变化时的逻辑。然后，在onDateChange事件处理函数中，我们调用了这两个函数，以实现在日期变化时同时执行两个函数的目的。
请注意，上述示例中的代码仅为演示目的，实际情况下，你需要根据具体的业务需求和编程语言来编写相应的代码。
相关·内容
1回答
我正在为日历创建一个通用组件。我需要在一个函数中调用两个函数，比如：
onDateChange = {()=>{ props.onDateChange,setShowCal()}}
因此，一旦选定，setShowCal()就可以关闭日历，而props.onDateChange会在父组件中给出选定的日期。
但是只有setShowCal()在工作，而props.onDateChange没有工作。
通用组件的完整代码:-
export const PrimaryCalendar = (props)=>{
const [showCal, setShowCal] = React.useSta
浏览 16提问于2020-08-03得票数 0
回答已采纳
我有这个日期piker，当onDateChange将日期更改为选定的日期时，我想执行函数管理，它执行函数管理，但是它给了我
找不到可变日期
这是我的代码：
constructor(props){
super(props);
this.state ={
date:'',
};
}
manage = () => {
this.setState({date:date})
const url='myIP/api/timeApi';
axios.post(url,{date
浏览 0提问于2018-09-27得票数 1
回答已采纳
我正在尝试调用input onChange属性中的两个onchange函数。这是我的代码。我的目标是从日期选择器中获取日期，并通过api发送它。
constructor(props) {
super(props);
this.state = {
date: '',
};
this.onChange = this.onChange.bind(this);
this.onDateChange = this.onDateChange.bind(this);
this.twoCalls = this.twoCalls.bind(this);}
onDateChange(d
浏览 0提问于2019-10-02得票数 0
我发现了一堆看起来重复的问题，但我似乎无法解决我遇到的这个问题。我有一个父组件：
class Parent extends Component {
constructor(props) {
super(props);
this.state = {
//some other props
currentDate: moment()
};
componentDidMount() {
this.fetchData();
}
fetchData() {
this.setState({
//set some state here
});
//Some Api
浏览 0提问于2019-12-14得票数 0
我创建了一个用于包装jQuery插件的指令，并将插件的配置对象从控制器传递给指令。(工程)
在config对象中有一个回调函数，我想在事件上调用它。(工程)
在回调中，我希望修改控制器的$scope上的一个属性，该属性不能工作。因某些原因，角不认识到属性发生了变化，这使我相信回调中的$scope与控制器的$scope不同。我的问题是我只是不知道为什么。
谁能给我指明正确的方向？
app.js
var app = angular.module('app', [])
.directive('datepicker', function () {
浏览 2提问于2013-03-25得票数 8
回答已采纳
我尝试在我的组件中包含airbnb SingleDatePicker，如下所示
import "react-dates/initialize";
import "react-dates/lib/css/_datepicker.css";
import { SingleDatePicker } from "react-dates";
export default class ExpenseForm extends React.Component {
constructor(props) {
super(props);
this
浏览 0提问于2018-11-30得票数 2
当我尝试开发一个可以请求3次约会的应用程序时，我偶然发现了一个问题：
我有这个：
onDateChange = (state) => (event, value) => {
this.setState({
[state]: name
});
}
它的调用方式是：
<DatePicker
dateMes={this.state.dateMes}
mode="date"
placeholder="select date"
format="DD-MM-YYYY"
浏览 1提问于2017-07-12得票数 0
回答已采纳
将信息从一个屏幕(CategoriesScreen)传递到另一个屏幕(MealDetailScreen)。两个屏幕都是功能组件。执行onDateChange函数时出现错误。props.navigation.navigate...线路就是问题所在。
发自：
<code>A0</code>
至：
<code>A1</code>
导航器：
<code>A2</code>
执行onDateChange函数时，会出现以下错误：<code>C3</code>
浏览 17提问于2020-03-13得票数 0
2回答
我实际上是在研究酶和jest的结合来测试应用程序中的东西。我使用的其他东西是反应和瞬间。
我的问题可能很难回答，但我只想知道为什么这条线上有两个争论的东西：
wrapper.find('SingleDatePicker').prop('onFocusChange')({ focused });
这个的“公式”是：objectExample.methodExample('argument1')('argument2');吗？
我将在下面提供整个代码，分为两部分:测试代码和测试代码。
测试代码：
export default clas
浏览 1提问于2020-06-05得票数 1
回答已采纳
1回答
抱歉，如果这看起来很低的努力，但我已经花了一整天谷歌。当使用日期选择器进行选择时，我正在尝试更改日期的状态。我可以通过执行以下操作来实现此功能：
onDateChange={currentDate => this.setState({currentDate: currentDate})}
但是如果我试着把它变成一个函数：
onDateChange(currentDate) {
this.setState({currentDate: currentDate});
}
然后将该函数传递给onDateChange：
onDateChange={this.onDateChange}
这返回“无法
浏览 0提问于2019-12-13得票数 0
我正在尝试弄清楚，当从我拥有的react原生datepicker组件中选择日期时，如何成功地关闭一个模式。我目前将变量的状态设置为选择它的日期，如下所示： onDateChange={(date) => {this.setState({birthday: date})}} 但是，我有一个单独工作的函数this.toggleModal()，但是我也想用onDateChange调用这个函数，但我似乎无法让它工作。 我尝试过onDateChange={(date) => {this.setState({birthday: date})} => this.toggleModal()
浏览 5提问于2019-10-14得票数 1
回答已采纳
假设我们有一个带有函数回调的组件
[Parameter]
public EventCallback<object> OnDateChange { get; set; }
在父页面中，我们将它绑定到父函数并声明变量供其引用：
protected async Task MyDateChangedEvent(object obj)
protected MyComponent MyRef{ get; set; }
为什么父组件中的这两个符号工作相同，哪一个是正确的？@标志有什么区别吗？
<MyComponent OnDateChange="MyDateChangedEv
浏览 1提问于2021-09-07得票数 1
回答已采纳
我正在努力理解如何验证两个道具是否存在。
换句话说，它们都是可选的，但如果一个存在，另一个也必须存在。
我不太理解条件类型在这种情况下是如何工作的，在我见过的所有示例中，条件是类是否扩展了另一个类，那么在这里如何工作呢？
interface DateInputProps {
onDateChange: (date: Date) => void;
date: any;
}
interface DateInputPropsNull {}
type SelectiveProps<T> = T extends _what?_
? DateInputPropsNull
浏览 6提问于2019-08-16得票数 2
回答已采纳
我使用DatePickerIOS在Modal中将选定的日期返回到主页。
DateTimeController组件
var DateTimeController = React.createClass({
show: function () {
this.setState({modalVisible: true});
},
getInitialState: function () {
return {
timeZoneOffsetInHours: this.props.timeZoneOffsetInHours,
浏览 2提问于2016-03-03得票数 2
回答已采纳
I正在使用react本机日历选择器库
如何禁用日期b/w选定的开始日期和结束日期
，请帮帮我！
onDateChange(date, type) {
//function to handle the date change
console.log("date",date,type)
if (type === 'END_DATE') {
this.setState({
selectedEndDate:moment(date).format("YYYYMMDD"),
});
浏览 5提问于2019-11-05得票数 1
Audiences.js是父组件，Condition.js是子组件。我想更改startDate(父组件)，但Condition.js中的"onDateChange“不起作用。 下面是我的代码： 类受众扩展了组件{ state = {
type: '',
startDate: new Date()
}
handleDateChange = (date)=> {
console.log(date)
alert(date);
this.setState({
startDate: date
});
}
浏览 9提问于2020-07-16得票数 0
回答已采纳
我已经实现了这个侦听器，以便当某个日期被点击时显示一些东西，但问题是当我向下滚动CalendarView时，它会自动显示一些东西，但我没有单击任何东西，我只是在CalendarView中向下滚动到另一个月，然后就会出现一个，比如说吐司或日志，不管是哪一个(我想这是有意义的，因为侦听器本身会触发`onDateChange，而且向下滚动日历也会改变当前选择的日期)。所以我的问题是，是否有任何用于CalendarView的侦听器，我可以使用ondateChange侦听器的替代方案，以避免当我向下滚动calendarView转到另一个月时，它会自动触发lisntener的情况。
有谁知道Calenda
浏览 9提问于2012-09-28得票数 16
2回答
我正在使用
问题是：
当我第一次选择时，它给出了startDate和endDate的正确日期。
但是在第一次之后，startDate给出了null。
我的组件代码是：-
<CalendarPicker
startFromMonday={true}
allowRangeSelection={true}
onDateChange={onDateChange}
/>
我的州代码是：-
const [state, setState] = React.useState({
startDate: null,
endDate: null,
})
我的功能是：
c
浏览 0提问于2021-04-22得票数 0
我试着用酶来测试这个方法，但是得到了这个错误。
● should set calender to focused
Method “props” is only meant to be run on a single node. 0 found instead.
86 | const focused = true;
87 | const wrapper = shallow(<ExpenseForm expense={expenses[0]} />);
> 88 | wrapper.find('Sin
浏览 3提问于2020-07-21得票数 1
回答已采纳
我有两个v型
案例1：
<input type="date" v-model="date" class="form-control" id="date" placeholder="Date" v-on:change="onDateChange()">
<input type="text" v-model="editForm.u1" class="form-control" id="u1" placeholder=
浏览 3提问于2017-01-26得票数 3
我很难找到一个占位符来正确地显示在这个数据报器包中，我用它来响应本机.
下面是组件设置的方式：
_onDateChange函数：
const _onDateChange = (startTime) => {
pickDate(props.setPatrolStartTime, startTime)
this.setState({startTime: props.setPatrolStartTime})
}
数据交换部分：
<DatePicker
//date={props.startTime}
mode="datetime"
浏览 0提问于2018-07-17得票数 0
2回答
我有两个活动。
在第一个活动中，有一些文本字段和两个按钮。在文本字段中，我输入了一些数据，通过单击第一个按钮，我调用了第二个活动，该活动显示带有复选框的ListView。
从第二个活动开始，点击那边的一个按钮，我再次调用第一个活动。但是当我移到那个页面时，之前输入的所有数据都消失了。
即使在两个活动之间来回移动，我也需要这些数据驻留。
浏览 3提问于2013-10-14得票数 0
回答已采纳
1回答
我创建了一个基于react dates的简单数据报警器组件，并按照的文档实现。
但是，当单击datepicker字段时，日历样式已完全中断。
数据交换代码：
import React, { Component } from 'react';
import moment from 'moment';
import 'react-dates/initialize';
import { SingleDatePicker } from 'react-dates';
import 'react-dates/lib/css/_date
浏览 2提问于2020-12-06得票数 1
嗨，我正在使用下面的代码，我需要日期选择来触发一个函数。我不确定要使用什么函数。我尝试了下面的列表，但没有一个是有效的，我必须使用请检查我的代码下面。
<ng-datepicker formControlName="Date1" (select)="DatChange(myForm.value)">
</ng-datepicker>
除了(select)，我还尝试使用(dateSelect)，(onDateChange)，(selectedChanged)，(dateInput)，(dateChange)，(update)，(change
浏览 4提问于2018-08-16得票数 0
回答已采纳
我有两个组件--父组件(App.js)和子组件(Logitem.js)
父组件包含一个子组件数组，并将道具传递给它。
子组件具有一个模式，该模式在单击子组件中的文本元素时调用。
该模式具有一个delete按钮，该按钮对db执行删除操作。
上面的一切都很好。
执行删除操作后，我想显示父组件(又名App.js )，但到目前为止，UI仍然在子组件上显示模式。
我们如何做到这一点？
父组件
import React, { Component } from 'react';
import { StyleSheet, View, Text, ScrollView, Modal, DateP
浏览 2提问于2017-11-21得票数 0
回答已采纳
我正在尝试获取(y-MM-dd)格式作为输出(仅日期)。我正在使用react npm datepicker，下面的代码是：
const [dateValue, onDateChange] = useState(new Date());
<DatePicker
onChange={onDateChange}
value={dateValue}
minDate={new Date()}
format="y-MM-dd"
/>
此代码的
浏览 0提问于2021-10-22得票数 0
我有一个运行OpenGL ES 2.0的引擎。我已经创建了一个帧缓冲区对象，它有两个颜色附件和一个深度附件。当我对此缓冲区执行渲染时，深度附件将用于深度测试，而后续写入颜色附件时将使用深度附件。我想使用深度附件中存在的信息，并将其存储在颜色附件中。有没有一种方法可以直接在着色器中将数据存储在第二个颜色附件中，或者至少有一种廉价的方法可以将数据从深度附件复制到本机代码上的其他颜色附件中，一旦此信息可用？
浏览 1提问于2015-03-13得票数 0
我使用这个脚本创建了一个重复表单
在我的表单中，我对datepicker使用了一个javascript，这段代码可以在第一行工作，但是当不在第二行工作时，对于两个日期和我的进度条之间的持续时间差异也有同样的问题。当我在第一行添加第二行时，datepicker、持续时间和进度条停止工作，但在第一行工作
html代码：
<td>
<input id="startdate" name="startdate[]" type="date" placeholder="planing Date" onfocus
浏览 0提问于2016-06-24得票数 0
1回答
因此，我有一个DatePicker DatePicker，我需要通过forwardRef从父访问它的ref。基本上一切都很好。
但有一个问题。
每次在父ChildComponents上更新与DatePickerChild，没有任何关系的其他DatePicker时，DatePicker仍然呈现，即使它不应该呈现。
我试图删除从父级到子级的ref传递，然后每当我更新要解决的其他组件时，该组件就不再是重命名了。
<NativeDatePicker
ref={datePickerRef} // <-- When I comment this component is not rende
浏览 2提问于2020-06-15得票数 4
回答已采纳
我实际上是为一个小工作的应用程序，这包括采取3个日期，并计算出多个其他日期从这3。这些应该是日常检查的日期，等等…但我遇到了一个问题:我找不到如何处理多个输入。我有3个DatePickers，看起来像这样：
<DatePicker
dateMes={this.state.dateMes}
mode="date"
placeholder="select date"
format="DD-MM-YYYY"
minDate="01-01-1950"
maxDate="01-0
浏览 8提问于2017-07-11得票数 1
回答已采纳
我有一个场景使用DatePickerIOS组件。文档示例在一个新的日期()中，并使用状态保存和更新日期值。因此，如果我转到另一个页面并返回，时间会改变，我需要重置这个值。
文件使用情况：
static defaultProps = {
date: new Date()
timeZoneOffsetInHours: (-1) * (new Date()).getTimezoneOffset() / 60,
};
state = {
date: this.props.date,
timeZoneOffsetInHours: this.props.timeZoneO
浏览 4提问于2017-05-02得票数 0
我一直在研究一个日历主题(react-native- calendar -picker)。如果这不工作，你可以建议我与日期选择器依赖，其中有，范围可用性，禁用日期，如果可能的话，禁用周末。我正在使用moment。 我的代码： import CalendarPicker from 'react-native-calendar-picker';
import moment from 'moment';
<CalendarPicker
startFromMonday={true}
allowRangeSelection=
浏览 3提问于2021-02-11得票数 0
我有一个范围选择器的组件，只有一个输入，如下所示 <DayPickerInput
placeholder="InputDates"
value={dateValues}
onDayChange={onDateChange ?? onDayPress}
ref={dayRef}
inputProps={{ ref: inputRef, ...dateValues }}
overlayComponent={(props) => <DateRangePickerContainer ref={ref} {...props} />}
浏览 3提问于2021-04-16得票数 1
我正在尝试使用React DatePickerAndroid。但是我想在组件的初始负载上展示它。但问题是，DatePickerAndroid是一个promise ()，我无法在初始呈现时加载它。
因此，我所拥有的是：
render(){
let datePicker = <DatePickerIOS date={this.state.selectedValue} mode="date" timeZoneOffsetInMinutes={this.state.timeZoneOffsetInHours * 60} onDateChange={(date) =>
浏览 4提问于2017-06-21得票数 0
我使用的是来自react-dates的SingleDatePicker，当从datepicker中选择日期(甚至是过去的日期)时，它工作得很好，但是当用户输入一个过去的日期时，onDateChange处理程序返回null，但是当用户输入一个未来的日期时，onDateChange返回一个moment对象。 <SingleDatePicker
date={moment(Date.now())}
focused={focused}
displayFormat="MM/DD/YYYY"
onFocusC
浏览 13提问于2020-03-31得票数 1
1回答
我想对日历代码做一个小小的修改，这样就可以通过点击一周中的每一天页面来打开ScanPhoto。但我不知道该怎么做。我的计算器做得对，但不是
导航('ScanPhoto')它有语法错误，我不知道怎么写
export default class Home extends Component<Props> {
constructor(props) {
super(props);
this.state = {
selectedStartDate: null,
};
this.onDateChange = this.onDate
浏览 1提问于2018-06-09得票数 0
回答已采纳
我在react native上做了一个注册页面，我有一个日期选择器，它工作得很好，但问题是，当日期改变时，我需要它调用两个不同的方法，但它只做了一个，我放了一个console.log，就好像它是我要调用的另一个函数，但是当我放入console.log时，日期选择器没有在表单中显示日期，当我删除console.log时，它做得很好，我做错了什么？ 这是我正在使用的日期选择器https://github.com/xgfe/react-native-datepicker#readme 这是我的代码 import React, { useContext,useState} from
浏览 19提问于2019-12-31得票数 0
回答已采纳
我使用RBNB日历
我想传递一个参数(_onDateChange)
<DayPickerSingleDateControllerWrapper _onDateChange={this.handleDateChange} />
，但不可能，我有一个错误：
警告:失败的道具类型: DayPickerSingleDateController:找到未知的道具：_onDateChange warning.js:33 in DayPickerSingleDateController (at DayPickerSingleDateControllerWrapper.js:138) in Da
浏览 0提问于2018-02-17得票数 0
回答已采纳
环境
操作系统: CENTOS 6.5
EMQ: 2.3.1
发布客户端为qos 2，子客户端为qos 2，但不要订阅。
子客户
import paho.mqtt.client as mqtt
mqttc = mqtt.Client()
mqttc.connect("localhost", port=1993, keepalive=60)
mqttc.subscribe("TEST", 2)
mqttc.loop_forever()
酒吧客户
for i in xrange(0, 100):
print 'i:{}'.fo
浏览 0提问于2018-01-24得票数 0
在Logitem组件中，我有一个Modal，它在单击文本元素时被调用。
此部分工作正常，我能够成功地处理单击事件。
但是由于某种原因，在事件处理程序方法deleteSelectedRecord()中，状态值作为this.state.selecteddate的'undefined‘返回。
我已经将进行评估的行标记为X行
这是我的密码
import React, { Component } from 'react';
import { Text, View, Modal, DatePickerIOS, TextInput, Button } from 'react-
浏览 4提问于2017-11-21得票数 0
回答已采纳
2回答
我有一个组件，看起来像这样：
class Table extends Component {
constructor(props) {
super(props);
this.columnDefs = columnDefs;
this.state = {
isLoading: true,
showTimeoutModal: false,
tableData: [],
currentDate: null
};
}
componentDidMount() {
this.fetchData();
浏览 1提问于2019-12-14得票数 0
单击开始和结束日期输入时出现此错误： Warning: Failed prop type: Invalid prop `focusedInput` of value `[object Object]` supplied to `withStyles(DateRangePicker)`, expected one of ["startDate","endDate"]. 以下是我尝试过的方法： 为react-dates包创建了一个包装组件： const ReactDatesWrapper = (props) => {
if (props.picke
浏览 14提问于2019-10-04得票数 1
我有一个这样的滚动视图:一系列的视图水平地包装在一个容器上。
<div id="scroller" ref="scroller" onClick=
{this.onClick.bind(this)} onMouseMove={this._onMouseMove.bind(this)}>
{this.state.pma.map((Item, index) => (
<this.state.typePma
key
浏览 1提问于2018-03-06得票数 0
假设我使用的是名为“cal”的第三方组件： <cal [(ngModel)]="myDate" (ngModelChange)="onDateChange()"/> 现在我想将这个组件包装在我自己的组件中，以添加一些功能…… <myComp [(ngModel)]="myDate" (ngModelChange)="onDateChange()"/> 我如何实现我的"myComp“组件来将myDate日期传递给子组件？我读了一些关于使用ControlValueAccessor的文章，但它似乎总是
浏览 33提问于2020-12-01得票数 0
1回答
我有两个日期输入- "start date“和"end date”-我还有两个用作验证器的指令-每个字段的允许最小值和最大值(这样开始日期就不会晚于结束日期)。例如，如果我将开始日期更改为晚于结束日期，验证器将警告它无效。当我将结束日期从开始日期更改为较晚的日期时-此警报不会消失，因为我还没有触发"customMax“验证器。如何在其中一个字段中的每个更改时同时触发两个验证器？ 谢谢, 输入HTML： <input
type="text" class="form-control"
name="startDate{{d.in
浏览 14提问于2019-03-13得票数 1
下面是我的代码：
<SingleDatePicker
date={this.state.date}
isOutsideRange={() => false}
isDayHighlighted={day => isSameDay(moment(new Date()),moment(day))}
daySize={30}
verticalSpacing={2}
onDateChange={date => {
this.setState({ date });
if(date) {
浏览 0提问于2018-05-12得票数 1
1回答
我在我的项目中下载了react-native-material-calandarview。
他们只是给出了一些代码来获取日历。。
我刚刚选择了datesSelection={'range'}，但我不知道我从哪里得到选择的日期。如果为datesSelection={'single'}，则返回日期为
onDateChange={data => {
console.log(data.date);//date selected
}}
更多代码：
render() {
return (
<Calendar
wid
浏览 0提问于2017-11-28得票数 0
我使用react-native-datepicker来显示日期选择器。我的问题是我有两个文本框来表示开始日期和结束日期。我想在用户点击文本框时显示日期选择器。与此代码，它显示日期选择器，但我希望选择器显示时，用户点击文本框。并且所选日期应绑定到文本框。
<DatePicker
style={{width: 200}}
date={this.state.date}
mode="date"
placeholder="Select date"
format="YYYY-MM-DD"
minD
浏览 3提问于2017-06-19得票数 2
我正在使用react-native-datepicker，似乎有一些日期的字体颜色是透明的，而另一些则不是。我不知道出了什么问题，我有最新版本的datepicker。当我选择一个不可见的日期时，我能够打印出正确的值，这意味着它正在工作……它只是没有显示出来。我附上了一张正在发生的事情的照片。
import React from 'react';
import DatePickerModal from 'react-native-datepicker';
import moment from 'moment';
import {Platform}
浏览 29提问于2020-02-05得票数 1
1回答
代码：
var moment = require('moment');
<DatePicker
date={this.state.selctedStartTime}
is24Hour={false}
showIcon={false}
mode="time"
format="hh:mm A"
confirmBtnText="Confirm"
cancelBtnText="Cancel"
customStyles={{
dateText
浏览 2提问于2017-05-24得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
