@antmjs/vantui
Version:
一套适用于Taro3及React的vantui组件库
86 lines • 2.76 kB
JavaScript
import { View } from '@tarojs/components';
import { Button, DatetimePicker, Form, FormItem } from '@antmjs/vantui';
import { jsx as _jsx } from "react/jsx-runtime";
import { jsxs as _jsxs } from "react/jsx-runtime";
export default function Demo() {
var formIt = Form.useForm();
var showFormFields = function showFormFields() {
formIt.validateFields(function (_, res) {
alert(JSON.stringify(res));
});
};
return /*#__PURE__*/_jsxs(View, {
children: [/*#__PURE__*/_jsxs(Form, {
initialValues: {
date: '2020-12-12 00:00:00',
dateMonth: '2021-01-01',
time: '13:00'
},
form: formIt,
children: [/*#__PURE__*/_jsx(FormItem, {
valueFormat: function valueFormat(e) {
return e.detail.value;
},
trigger: "onInput",
label: "\u65E5\u671F\u9009\u62E9",
name: "date",
controllFlexEnd: true,
borderBottom: true,
children: /*#__PURE__*/_jsx(DatetimePicker, {
showArrowRight: true,
mode: "content",
type: "date",
minDate: new Date(2018, 0, 1).getTime(),
renderContent: function renderContent(d) {
if (d && d.length) {
return "".concat(d[0], "\u5E74").concat(d[1], "\u6708").concat(d[2], "\u65E5");
} else return '请选择';
}
})
}), /*#__PURE__*/_jsx(FormItem, {
valueFormat: function valueFormat(e) {
return e.detail.value;
},
trigger: "onInput",
label: "\u5E74\u6708\u9009\u62E9",
name: "dateMonth",
controllFlexEnd: true,
borderBottom: true,
children: /*#__PURE__*/_jsx(DatetimePicker, {
showArrowRight: true,
mode: "content",
type: "date",
minDate: new Date(2018, 0, 1).getTime(),
renderContent: function renderContent(d) {
if (d && d.length) {
return "".concat(d[0], "\u5E74").concat(d[1], "\u6708");
} else return '请选择';
}
})
}), /*#__PURE__*/_jsx(FormItem, {
valueFormat: function valueFormat(e) {
return e.detail.value;
},
trigger: "onInput",
label: "\u65F6\u95F4\u9009\u62E9",
name: "time",
controllFlexEnd: true,
borderBottom: true,
children: /*#__PURE__*/_jsx(DatetimePicker, {
showArrowRight: true,
mode: "content",
type: "time",
minDate: new Date(2018, 0, 1).getTime()
})
})]
}), /*#__PURE__*/_jsx(Button, {
type: "primary",
block: true,
style: {
marginTop: '20px'
},
onClick: showFormFields,
children: "\u786E\u5B9A"
})]
});
}