@sishuguojixuefu/react-native-form
Version:
52 lines • 3.17 kB
JavaScript
"use strict";
var __importStar = (this && this.__importStar) || function (mod) {
if (mod && mod.__esModule) return mod;
var result = {};
if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
result["default"] = mod;
return result;
};
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const react_1 = __importStar(require("react"));
const react_native_1 = require("react-native");
const antd_mobile_rn_1 = require("@sishuguojixuefu/antd-mobile-rn");
const ErrorTip_1 = __importDefault(require("./helper/ErrorTip"));
const getFieldDecorator_1 = __importDefault(require("../utils/getFieldDecorator"));
const Label_1 = __importDefault(require("./helper/Label"));
class SsDateRange extends react_1.Component {
constructor() {
super(...arguments);
this.startDate = new Date();
this.endDate = new Date();
this._onChangeStartDate = (value) => {
const { onChange } = this.props;
this.startDate = value;
onChange && onChange([value, this.endDate]);
};
this._onChangeEndDate = (value) => {
const { onChange } = this.props;
this.endDate = value;
onChange && onChange([this.startDate, value]);
};
}
componentWillMount() {
const { form, id, initialValue, rules } = this.props;
this.startFieldDecorator = getFieldDecorator_1.default(form, id[0], initialValue[0], rules);
this.endFieldDecorator = getFieldDecorator_1.default(form, id[1], initialValue[1], rules);
}
render() {
const { id, label, required, form, placeholder, initialValue } = this.props;
return (react_1.default.createElement(react_native_1.View, null,
react_1.default.createElement(ErrorTip_1.default, { error: form.getFieldError(id[0]) }, this.startFieldDecorator(react_1.default.createElement(antd_mobile_rn_1.DatePicker, Object.assign({}, this.props, { onChange: this._onChangeStartDate, maxDate: form.getFieldValue(id[1]) || initialValue[1] || '2030-1-1', extra: placeholder[0] }),
react_1.default.createElement(antd_mobile_rn_1.List.Item, { arrow: "horizontal", style: { paddingLeft: 0 }, last: true },
react_1.default.createElement(Label_1.default, { required: required, label: label[0] }))))),
react_1.default.createElement(ErrorTip_1.default, { error: form.getFieldError(id[1]) }, this.endFieldDecorator(react_1.default.createElement(antd_mobile_rn_1.DatePicker, Object.assign({}, this.props, { onChange: this._onChangeEndDate, minDate: form.getFieldValue(id[0]) || initialValue[1] || '2000-1-1', extra: placeholder[1] }),
react_1.default.createElement(antd_mobile_rn_1.List.Item, { arrow: "horizontal", style: { paddingLeft: 0 }, last: true },
react_1.default.createElement(Label_1.default, { required: required, label: label[1] })))))));
}
}
exports.default = SsDateRange;
//# sourceMappingURL=SsDateRange.js.map