首页 > 解决方案 > 如何使用 react-dates 进行 CSS 样式设置?

问题描述

我正在使用 Airbnb 的 react-dates 包,但我无法为其设置 CSS 样式。所以,如果你使用它,请帮助我。如何为反应日期设置 CSS 样式?

在此处输入图像描述“实际的”

我希望日期选择器是

在此处输入图像描述

标签: reactjsreact-dates

解决方案


react-dates 依赖于格式化日期的时刻。如果您只需要显示一个完整的日期,则需要使用 displayFormat 属性格式化您的日期,如下例所示:

 static defaultProps = {
    Wrapper: styles.Wrapper,
    displayFormat: 'MMM DD YYYY',
    invalid: false,
    disabled: false,
  };

推荐阅读