react-datepicker 没有初始值
Posted
技术标签:
【中文标题】react-datepicker 没有初始值【英文标题】:react-datepicker with no initial value 【发布时间】:2015-03-11 14:02:10 【问题描述】:我开始使用 react-datepicker 组件。 https://github.com/Hacker0x01/react-datepicker
我运行了示例,现在我想对其进行调整,使其没有初始值。 示例代码如下:
<script type="text/javascript">
var container = document.querySelector('#datepicker-container');
var exampleComponent = React.createClass(
displayName: 'exampleComponent',
getInitialState: function()
return
start_date: moment(),
;
,
handleStartDateChange: function(date)
this.setState(
start_date: date
);
,
render: function()
return React.DOM.div(, [
DatePicker(
key: 'example1',
selected: this.state.start_date,
onChange: this.handleStartDateChange
),
]);
)
React.renderComponent(exampleComponent(), container);
</script>
我尝试使用 selected: none
甚至不使用 selected
,但随后出现以下错误:
TypeError: newProps.date is null
value: newProps.date.format(this.props.dateFormat)
我也查看了源代码,但没有发现任何以空日期开头的可能性。 提前感谢您的帮助!
【问题讨论】:
【参考方案1】:你应该可以通过在你的getInitialState
中设置start_date: null
来实现你想要的,
或者,如果您使用 react-datepicker 中的示例 3,您可以定义如下函数:
handleResetDate: function()
this.setState(
new_date: null
);
,
,并在您想要重置日期时调用它。 希望这会有所帮助!
【讨论】:
以上是关于react-datepicker 没有初始值的主要内容,如果未能解决你的问题,请参考以下文章
react-datepicker“无法阻止被动事件侦听器调用中的默认值”
抛出错误 RangeError:将自定义日期设置为 react-datepicker 的 DatePicker 时时间值无效