reactjs - 将上/下个月按钮添加到 Antd (Ant Design) 日历
解决方案
您可以添加下一个/上一个按钮,例如:
const [date, setDate] = useState(dayjs());
<Calendar validRange={[dayjs(props.params.startDate), dayjs(props.params.endDate)]}
value={date}
headerRender={() => (
<Row justify="space-between" className="p-1">
<Button type="link" onClick={() => setDate(dayjs())}>
Today
</Button>
<Button type="link" onClick={() => setDate(date.add(-2, 'months'))}>
Next Month
</Button>
<Button type="link" onClick={() => setDate(date.add(2, 'months'))}>
Previous Month
</Button>
</Row>
)}
}/>
您也可以使用 moment()
推荐阅读
- javascript - 让 Javascript 中只存在同一个函数的一个实例
- django - 如何配置 Django 以查看正确的 Sass 安装?
- ios - 如何在 Xcode 9 中将 Watchkit 目标添加到 iOS 应用程序?
- c# - C# .net 与数据库的在线连接
- tsql - 动态如何将数据从多个表插入到单个表
- python - 在 Django 中渲染模板之前修改数据
- mysql - Mysql 服务器无法以 AssertionError 启动
- javascript - 在 window.load 上,有没有办法知道某个方法是否在任何地方使用
- java - java中的粗体字符串而不是将该字符串发送到打印机
- c# - 此 LINQ 查询如何获取此字符串的初始值?