response-datepicker без начального значения

Question

Я начал использовать компонент response-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

Вы должны быть в состоянии добиться того, что вы хотите, установив start_date: null в вашем getInitialState,

В качестве альтернативы, если вы используете пример 3 из среагировать-DatePicker, вы можете определить функцию следующим образом:

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

и называть его всякий раз, когда вы хотите сбросить дату.
Надеюсь, это поможет!