【问题标题】:ReactJS Ant Design - Use Range Picker as Multi Month View with Single date selectionReactJS Ant Design - 使用范围选择器作为单日期选择的多月视图
【发布时间】:2019-03-14 16:05:13
【问题描述】:

我需要实现 Multiple Month View,它并排显示两个月的日历,与 RangePicker 完全相同,但只能选择单个日期,而不是范围。

我发了Sandbox

如果有人研究过此类解决方案,请提供帮助。

谢谢。

【问题讨论】:

    标签: javascript reactjs antd ant-design-pro


    【解决方案1】:

    我最近也在做类似的事情。我为范围选择蓝色背景覆盖了 Ant CMS。我只是保留了被点击日期的样式,我只是保留了两个选定的日期而不是整个范围。

    这是一个 hack,但它运行良好,我还没有遇到任何问题。

    【讨论】:

    • 是的,我知道需要 hack,如果您可以分享您更改的代码片段会很好,但如果我们需要更新库内容将被覆盖,这不是一个好主意。
    • @iphonic 呃,现在不能真正去挖掘代码。您不必编辑 lib 文件中的任何内容,只需覆盖您自己的 CSS 文件中的 CSS。我认为需要重新设计的元素是“ant-calendar-in-range-cell”类的 ::before 伪元素。所以基本上我所做的只是 .ant-calendar-in-range-cell::before {background-color: #fff}。不确定我是否使用 !important 覆盖它。
    【解决方案2】:

    设置allowEmpty={[false, true]} disabled={[false, true]}

    Demo

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-06-05
      • 1970-01-01
      • 2018-03-08
      • 2021-10-08
      • 1970-01-01
      相关资源
      最近更新 更多