Fix datepicker onChange handler

This commit is contained in:
Tautvidas Sipavičius
2016-05-11 16:26:20 +03:00
parent 13ee338fb0
commit be155c38bc

View File

@ -27,12 +27,18 @@ define(
var DateText = React.createClass({ var DateText = React.createClass({
componentDidMount: function() { componentDidMount: function() {
var $element = jQuery(this.refs.dateInput); var $element = jQuery(this.refs.dateInput),
that = this;
if ($element.datepicker) { if ($element.datepicker) {
$element.datepicker({ $element.datepicker({
dateFormat: "yy-mm-dd", dateFormat: "yy-mm-dd",
onSelect: function() { onSelect: function(value) {
jQuery(this).change(); that.props.onChange({
target: {
name: that.getFieldName(),
value: value,
},
});
} }
}); });
@ -44,12 +50,15 @@ define(
jQuery(this.refs.dateInput).datepicker('destroy'); jQuery(this.refs.dateInput).datepicker('destroy');
} }
}, },
getFieldName: function() {
return this.props.name || 'date';
},
render: function() { render: function() {
return ( return (
<input <input
type="text" type="text"
size="10" size="10"
name={this.props.name || 'date'} name={this.getFieldName()}
value={this.props.value} value={this.props.value}
onChange={this.props.onChange} onChange={this.props.onChange}
ref="dateInput" ref="dateInput"