antd4-generate-picker's Introduction

Antd@4 使用 dayjs 替代 moment

需要 typescript 代码，请 cd antd-ts && yarn start 需要 javascript 代码，请 cd antd-demo && yarn start

未使用 dayjs build

javascript

File sizes after gzip:

  139.98 KB  build/static/js/2.ab170d7b.chunk.js
  53.31 KB   build/static/css/2.076ffdb4.chunk.css
  779 B      build/static/js/runtime-main.07fa7236.js
  659 B      build/static/js/main.57d9db1b.chunk.js
  546 B      build/static/css/main.d15e702f.chunk.css

typescript

File sizes after gzip:

  139.98 KB  build/static/js/2.27c76400.chunk.js
  53.31 KB   build/static/css/2.076ffdb4.chunk.css
  776 B      build/static/js/runtime-main.cfe6c52f.js
  655 B      build/static/js/main.2b0e0e52.chunk.js
  546 B      build/static/css/main.d15e702f.chunk.css

使用 dayjs build

javascript

File sizes after gzip:

  126.1 KB (-13.88 KB)  build/static/js/2.b1e4d60c.chunk.js
  53.31 KB              build/static/css/2.076ffdb4.chunk.css
  779 B                 build/static/js/runtime-main.07fa7236.js
  769 B (+110 B)        build/static/js/main.0b2ba61f.chunk.js
  546 B                 build/static/css/main.d15e702f.chunk.css

typescript

File sizes after gzip:

  126.1 KB (-13.88 KB)  build/static/js/2.f663be31.chunk.js
  53.31 KB              build/static/css/2.076ffdb4.chunk.css
  776 B                 build/static/js/runtime-main.cfe6c52f.js
  765 B (+110 B)        build/static/js/main.9256ac12.chunk.js
  546 B                 build/static/css/main.d15e702f.chunk.css

antd4-generate-picker's People

Stargazers

Watchers

antd4-generate-picker's Issues

我该如何配置locale呢？用官方的方式配置ConfigProvider 的 locale 后这几个组件不生效。

umi+antd+dayjs，按照官方引入方式，在编辑时间出错

代码如下，报错见附2

// 我这边的时间格式如下：
// let startTime = "2020-12-07 12:00:00"
// let endTime = "2020-12-09 12:00:00"

import { Form } from 'antd';
import { DatePicker } from '@/components/Datetime'; // 此处按照官方方式书写，写法图见附1
import format from 'dayjs';
const { RangePicker } = DatePicker;

<Form
        labelCol={labelCol}
        wrapperCol={wrapperCol}
        form={form}
        name="form_in_modal"
        initialValues={{
          start_end:
            startTime && endTime
              ? [
                  format(startTime, 'YYYY-MM-DD HH:mm:ss'),
                  format(endTime, 'YYYY-MM-DD HH:mm:ss'),
                ]
              : [],
        }}
      >

 <Form.Item
          name="start_end"
          label="开始结束"
          rules={[
            { type: 'array' as const, required: true, message: '请选择时间' },
          ]}
        >
          <RangePicker
            showTime={{ format: 'HH:mm:ss' }}
            format="YYYY-MM-DD HH:mm:ss"
          />
        </Form.Item>

</Form>

附1: DatePicker

附2:umi解析报错
 具体报错代码