【问题标题】:center alignment ANTD calendar design中心对齐ANTD日历设计
【发布时间】:2017-11-17 10:16:49
【问题描述】:

antd日历的日期如何在日历显示中居中对齐?

【问题讨论】:

  • 你想对齐什么?是文本'您已选择.......' ??
  • 我想将日期(29, 30,31,1,2...)对齐到中心,就像天(su,Mo,Tu...)一样。谢谢@Dane

标签: javascript reactjs antd


【解决方案1】:

最简单的方法是添加 CSS 样式覆盖,方法是找出要覆盖的类。在这种情况下,添加一个具有以下规则的 CSS 文件进行覆盖:

.ant-fullcalendar-value,
.ant-fullcalendar-fullscreen {
  text-align: center !important;
}

如果您想知道,我通过检查找到了这些课程。
<Calendar> 组件还有一个dataCellRender prop,以防您需要格式化每个单元格中的输出,或添加内容(但日期仍然存在)。希望这会有所帮助!

【讨论】:

    猜你喜欢
    • 2020-07-15
    • 1970-01-01
    • 1970-01-01
    • 2013-11-27
    • 1970-01-01
    • 1970-01-01
    • 2022-06-14
    • 1970-01-01
    • 2016-09-13
    相关资源
    最近更新 更多