原文来自：https://blog.csdn.net/liuliuliuliumin123/article/details/103044141?utm_medium=distribute.pc_agg ...

...

最近在做和时间段范围相关的，预设常用的日期范围可以提高用户体验。可以说 antd 的组件是很不错的，但是美中不足的是，不支持预设范围回填选中，怎么办？ 在此基础上封装一下好了。 先来看下效果图： 未选中： 选中回填： 看了下渲染出来的 html 内容，用的是 Tag ...

参考： https://www.cnblogs.com/minjh/p/12169520.html https://blog.csdn.net/weixin_45264424/article/details/108350638 效果对比： 1. 只清空rangePicker控件绑定 ...

<script> layui.use('laydate', function() { 　　var laydate = layui.laydate; 　　var start = laydate.render({ //开始时间 　　　　elem: '#startDate ...

我们知道antd官网不可选时间使用的是 RangePicker 如下图： 但有时候我们需要使用 DatePicker 单独设置起始时间，如图： 废话不多说，直接上代码：（这里用的是react+ts+antd） ...

可以给这个 RangePicker 控件设置一个key，通过将key设置为new Date() 达到清空目的，具体操作如下： ...

//不能选择今天之前的日期<DatePicker 　　format={this.timeFormat} 　　showTime 　　placeholder="项目结束日期" 　　disabl ...