
1.问题类型一:填了日期后,点击日期后的叉号后,变成如上图。
<DatePicker value={sourceData.m == undefined ? null : moment(sourceData.m, dateFormat)} format={dateFormat} onChange={(dataString) => changeInput(dataString != null ? moment(dataString).format(dateFormat) : dataString, 'm')} />
重点是在使用moment转化格式之前先判断日期输入框的指是否为null,若为null则不进行转化。
2.DatePicker 日期选择框 月份和星期不能汉化
原因一:没按antd官网的汉化要求。
原因二:使用了vite,则引入方式应为
import 'moment/dist/locale/zh-cn';
而不是:
import 'moment/locale/zh-cn';
下面这个引的文件里面有require(' ')获取资源或文件的方式,vite不支持该写法。
这篇博客探讨了使用Ant Design DatePicker组件时遇到的问题。首先,当日期为空时,组件显示异常。解决办法是在使用moment转换格式前先判断日期是否为null。其次,DatePicker的月份和星期未能正确汉化,原因可能是未按照Antd官网的汉化指南操作,或者在使用vite时导入了错误的moment locale文件。正确的导入方式是使用`import 'moment/dist/locale/zh-cn';`来实现汉化。

1万+

被折叠的 条评论
为什么被折叠?



