在反应js中操纵antd日历

时间:2017-11-13 13:31:05

标签: css reactjs calendar antd

如何突出antd日历中的具体日期..?我可以使用“Date.now()”和“current”来隐藏日期,但无法访问这些日期以进行自定义。enter image description here

1 个答案:

答案 0 :(得分:1)

您可以使用dateFullCellRender事件控制如何呈现每个单元格。实施例

function onFullRender(date){
  const day = date.day();
  let style;
  if(day === 1) {
   style = { border: "1px solid #d9d9d9"};
  }
  else {
   style = { border: "1px solid red"};
  }
  return <div style={style}>{day}</div>;
}

https://codepen.io/anon/pen/RjgWgL?editors=0010