Обычно элементы reactjs имеют атрибут disabled
я задаю его и селектфилды и инпуты становятся серыми, пользователь не может их редактировать. В случае с DateTimeFieldWithLabel
ситуация иная, disabled
не помогает. Нашел тут API,но судя по ним можно лишь сделать disabled
лишь на выбранные даты.
Мне же нужно,чтобы весь пикер был disabled
. Здесь я узнал,что есть атрибут readOnly
,но он тоже не отработал. Есть ли какие-то варианты для реализации этого?
вот код:
const DateTimeFieldWithLabel = React.createClass({
render: function () {
var label = (this.props.label != null) ? this.props.label : "";
var name = (this.props.name != null) ? this.props.name : "";
var value = (this.props.value != null) ? this.props.value : "";
return (
<div className="datetimepicker input-group date ">
<ControlLabel>{label}</ControlLabel>
<DateTimeField datetime={value}
name={name}
onChange={this.props.onChange}
readOnly={this.props.readOnly}
/>
</div>
);
}
});
И код использования данного элемента в рендере формы:
<div className="col-md-3 nopadding padding-right-xs">
<DateTimeFieldWithLabel label="Label"
name='name'
value={data.data}
readOnly/>
</div>