antd DatePicker 国际化

antd 组件国际化

1. 获取当前的语言环境

2. 引入 antd的国际化 配合组件ConfigProvider 搭配locale使用

组件是时间日期组件时候，多语言会失败，重要的是要在页面引入和moment相关的语言环境 默认是英文 。只需要因为中文环境即可!

import enUS from 'antd/lib/locale/en_US';
import zhCN from 'antd/lib/locale/zh_CN';
import 'moment/locale/zh-cn'
moment.locale(‘语言)
const locale = languageCode == 'en' ? enUS : zhCN;
   return (
          <>
           <ConfigProvider locale={locale}>
             // content  内容
              </ConfigProvider>
          </>
      )

rangePicker中placeholder的国际化

          <RangePicker
             value={data}
             locale={locale}
             disabledDate={disabledDate}
             placeholder={['start','end']}
             onChange={dateChange}
             />