首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Fluent UI DatePicker formatDate日期

Fluent UI DatePicker formatDate日期
EN

Stack Overflow用户
提问于 2021-12-05 18:08:33
回答 1查看 1.4K关注 0票数 1

我正在使用Fluent UIReact JSX进行一个项目,我的问题是如何将DatePicker组件的日期格式化为day.month.year格式?

示例:

代码语言:javascript
运行
复制
<DatePicker
  ...
  formatDate={(date) => {
    return (date.getMonth() + "." + date.getDate() + "." + date.getFullYear)
  }}
/>
EN

回答 1

Stack Overflow用户

发布于 2021-12-06 10:28:38

如果要格式化DatePicker Component的日期,请使用formatDate方法:

代码语言:javascript
运行
复制
const formatDate = (date?: Date): string => {
  if (!date) return '';
  const month = date.getMonth() + 1; // + 1 because 0 indicates the first Month of the Year.
  const day = date.getDate();
  const year = date.getFullYear();

  return `${day}.${month}.${year}`;
}

<DatePicker
  ...
  formatDate={formatDate}
/>

Codepen工作示例

有用的链接:

DatePicker文档

MDN日期对象

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/70237148

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档