我有一个要求,我希望我的日期选择器突出显示周末,即周六和周日。我一直在使用 material-Ui-datepicker https://material-ui-pickers.dev/demo/datepicker。我尝试了各种方法但没有奏效。请任何人都可以帮助我吗?
在 Material UI 日期选择器中突出显示周末(周六和周日)
IT技术
reactjs
datepicker
material-ui
2021-05-20 11:14:57
1个回答
你可以使用renderDay
props。它允许在任何一天进行自定义。
这是如何更改随机日期显示的官方示例。你基本上需要改变周末的外观。https://material-ui-pickers.dev/demo/datepicker#customization
v3 的函数示例
renderDay={(day, selected, dayComponent) => {
if (isWeekend(day)) {
return React.cloneElemnt(dayComponent, { className: 'your-css' })
}
return dayComponent
}
v4 的函数示例
renderDay={(day, selected, DayProps) => {
if (isWeekend(day)) {
return <Day {...DayProps} className={clsx(DayProps.classname, 'your-css')} />
}
return <Day {...DayProps} />
}
其它你可能感兴趣的问题