Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/432.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Daterangepicker输入未更新_Javascript_Twitter Bootstrap_Reactjs_Bootstrap Daterangepicker - Fatal编程技术网

Javascript Daterangepicker输入未更新

Javascript Daterangepicker输入未更新,javascript,twitter-bootstrap,reactjs,bootstrap-daterangepicker,Javascript,Twitter Bootstrap,Reactjs,Bootstrap Daterangepicker,我正在我的应用程序中使用。如果我选择了一个自定义范围,则在点击apply之后,输入将被更新。如果我选择了一个预定义的范围,那么小部件将关闭,而不点击应用按钮。此外,预定义的范围不会写入输入 以下是react类的代码: 类DateTimePicker扩展React.Component{ 建造师(道具){ 超级(道具); this.DATE_格式='YYYY-MM-DD HH:MM:ss'; 这是一个范围={ “今天”:[时刻().startOf('day'),时刻().endOf('day'),

我正在我的应用程序中使用。如果我选择了一个自定义范围,则在点击apply之后,输入将被更新。如果我选择了一个预定义的范围,那么小部件将关闭,而不点击应用按钮。此外,预定义的范围不会写入输入

以下是react类的代码:

类DateTimePicker扩展React.Component{ 建造师(道具){ 超级(道具); this.DATE_格式='YYYY-MM-DD HH:MM:ss'; 这是一个范围={ “今天”:[时刻().startOf('day'),时刻().endOf('day'), “昨天”:[moment().startOf('day')。减去(1,'days'),moment().endOf('day')。减去(1,'days')], “过去7天”:[力矩().减去(6,'天'),力矩()], “过去30天”:[力矩().减去(29,'天'),力矩()], “本月”:[moment().startOf('Month'),moment().endOf('Month'), “上个月”:[moment().subtract(1,'月').startOf('月'),moment().subtract(1,'月').endOf('月')], }; this.\u handleappy=this.\u handleappy.bind(this); } _handleApply(事件、选择器){ 这个。道具。改变( picker.startDate.format(此.DATE_格式), picker.endDate.format(this.DATE_格式); } render(){ 让startDate=力矩(this.props.startDate); 让endDate=时刻(this.props.endDate); 让start=startDate.format(此.DATE\u格式); 让end=endDate.format(this.DATE\u格式); 让标签=开始+'到'+结束; 如果(开始==结束){ 标签=开始; } 让区域设置={ 格式:“YYYY-MM-DD HH:MM:ss”, 分隔符:'到', applyLabel:“应用”, 取消标签:“取消”, weekLabel:“W”, customRangeLabel:“自定义范围”, daysOfWeek:moment.weekdaysMin(), monthNames:moment.MonthShort(), firstDay:moment.localeData().firstDayOfWeek(), }; 返回( 时间范围:
); } }
通过将“defaultValue”属性替换为“value”属性,问题得以解决。现在输入如下所示:

<input type='text' className='form-control' value={label} onChange={this._inputChanged}/>


我还是不知道背景。如果有人有详细的信息,我仍然感兴趣。

这在reactjs中使用并不简单,因为引导使用jQuery,在更新DOM时会干扰react。也许你可以看看。我需要一个选择器,我可以在一段时间内选择一个范围。在您的链接中找不到任何有用的信息。我应该找什么?