Fix datepicker onChange handler
This commit is contained in:
@ -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"
|
||||||
|
Reference in New Issue
Block a user