-
Notifications
You must be signed in to change notification settings - Fork 360
Open
Labels
🐞 bugSomething isn't workingSomething isn't working
Description
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日。
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
Labels
🐞 bugSomething isn't workingSomething isn't working
