Skip to content

[DatePicker] format 属性使用时好像没有使用国际化 #3444

@qinbx

Description

@qinbx

tdesign-react 版本

1.1.1

重现链接

https://stackblitz.com/edit/txm6axnw-lzjqzkzd?file=src%2Fdemo.tsx

重现步骤

在英语环境(import enConfig from 'tdesign-react/es/locale/en_US';), 使用 <DatePicker format="MMM, YYYY" />, 若选中2025年3月7日。

Image

demo.tsx源码,供重现链接不好用时使用。

import React, { useState,useMemo } from 'react';
import dayjs from 'dayjs';
import {ConfigProvider, DatePicker, Space } from 'tdesign-react';
import enConfig from 'tdesign-react/es/locale/en_US';

const dateDisplayFOrmat= 'MMM,YYYY'; 
const valueType="YYYY-MM-DD";

export default function YearDatePicker() {
   const [date,setDate] = useState('2025-03-07');

   const onChange=(v)=>{
     console.log('onChange:',v)
     setDate(v)
   }

   const displayDate = useMemo(()=>{
    return dayjs(date, valueType).format(dateDisplayFOrmat);

  },[date]);

  return (
    <ConfigProvider globalConfig={enConfig}>
    <Space direction="vertical">
      
      <DatePicker
        mode="month"
        value={date}
        onChange={onChange}
        valueType= {valueType}
        format="MMM,YYYY"
      />

      <span>value: {date}</span>
      <span>Formatted: {displayDate}</span>
      
    </Space>
       </ConfigProvider>
  );
}

期望结果

期望显示Mar, 2025

实际结果

3月,2025

框架版本

No response

浏览器版本

No response

系统版本

No response

Node版本

No response

补充说明

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    🐞 bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions