datepicker - 没有初始值的react-datepicker

Question

我开始使用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)

我还查看了源代码，但没有发现任何以空日期开始的可能性。 预先感谢您的帮助!

Answer 1

您应该能够通过在 getInitialState 中设置 start_date: null 来实现您想要的效果，

或者，如果您使用react-datepicker中的示例3，您可以定义如下函数:

handleResetDate: function() {
    this.setState({
        new_date: null
    });
},

，并在您想要重置日期时调用它。
希望这有帮助!