@antmjs/vantui/lib/datetime-picker/demo/demo2.js

一套适用于Taro3及React的vantui组件库

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = Demo;
var _components = require("@tarojs/components");
var _vantui = require("@antmjs/vantui");
var _jsxRuntime = require("react/jsx-runtime");
function Demo() {
  var formIt = _vantui.Form.useForm();
  var showFormFields = function showFormFields() {
    formIt.validateFields(function (_, res) {
      alert(JSON.stringify(res));
    });
  };
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.View, {
    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_vantui.Form, {
      initialValues: {
        date: '2020-12-12 00:00:00',
        dateMonth: '2021-01-01',
        time: '13:00'
      },
      form: formIt,
      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.FormItem, {
        valueFormat: function valueFormat(e) {
          return e.detail.value;
        },
        trigger: "onInput",
        label: "\u65E5\u671F\u9009\u62E9",
        name: "date",
        controllFlexEnd: true,
        borderBottom: true,
        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.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__*/(0, _jsxRuntime.jsx)(_vantui.FormItem, {
        valueFormat: function valueFormat(e) {
          return e.detail.value;
        },
        trigger: "onInput",
        label: "\u5E74\u6708\u9009\u62E9",
        name: "dateMonth",
        controllFlexEnd: true,
        borderBottom: true,
        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.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__*/(0, _jsxRuntime.jsx)(_vantui.FormItem, {
        valueFormat: function valueFormat(e) {
          return e.detail.value;
        },
        trigger: "onInput",
        label: "\u65F6\u95F4\u9009\u62E9",
        name: "time",
        controllFlexEnd: true,
        borderBottom: true,
        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.DatetimePicker, {
          showArrowRight: true,
          mode: "content",
          type: "time",
          minDate: new Date(2018, 0, 1).getTime()
        })
      })]
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_vantui.Button, {
      type: "primary",
      block: true,
      style: {
        marginTop: '20px'
      },
      onClick: showFormFields,
      children: "\u786E\u5B9A"
    })]
  });
}