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 中自定义样式?

react-datepicker“无法阻止被动事件侦听器调用中的默认值”

抛出错误 RangeError:将自定义日期设置为 react-datepicker 的 DatePicker 时时间值无效

如何在 react-datepicker 中选择默认日期范围

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

如何设置 react-datepicker 样式?